对象在 Internet Explorer 11 上不支持 属性 或方法 'replace'

Question

我正在尝试让我的 Vuejs 应用程序在 IE11 上运行。然而，一个节点模块（vue-directive-tooltip）在 IE11 上抛出错误：

对象不支持 属性 或方法 "replace"

该模块应该与 IE11 兼容。我试图在我的应用程序入口点的顶部要求我需要的 polyfill。我还尝试将节点模块添加到转译依赖项中。

vue.config.js:

require("@babel/polyfill");

configureWebpack: {
  entry: ["@babel/polyfill", path.resolve(__dirname, "./src/main.js")],
}

babel.config.js:

module.exports = {
  "presets": [
    [
      "@babel/preset-env",
      {
        "targets": {
          "browsers": [ ">0.25%"]
        },
        "useBuiltIns": "entry",
        "debug": true
      }
    ]
  ],
  "plugins": [
    "@babel/plugin-proposal-object-rest-spread"
  ]
};

我希望 vue-directive-tooltip 可以在 IE11 上运行，但实际输出是以下错误消息：

SCRIPT438：对象不支持 属性 或方法 'replace'。

Answer 1

在 index.html 中添加 classList.js 引用是解决方案。