Question

我有一个用VueJS编写的应用程序，它使用Webpack创建要在浏览器上部署的bundle.js文件。这在Chrome上工作正常但是当我在IE 11上运行应用程序时，我收到以下错误...

SCRIPT1003: Expected ':'
bundle.js (23469,9)

bundle.js中的23469行看起来像这样......

const app = new __WEBPACK_IMPORTED_MODULE_3_vue__["a" /* default */]({
  router,
  render: h => h(__WEBPACK_IMPORTED_MODULE_4__App_vue___default.a)
}).$mount('#app');

第23469行专门指向'路由器'，

我无法弄清问题是什么。任何帮助将不胜感激。

Answer 1

问题是您的webpack配置不包括IE11等不支持ES6的浏览器的polyfill。解决方案是将您的webpack配置为使用babel-polyfill（source）：

说明如下：

在项目根目录中运行npm install --save babel-polyfill（注意它说--save而不是--save-dev，因为在运行时也需要polyfill）
在您的网络包配置文件中包含babel-polyfill：require("babel-polyfill");，或者如果您正在使用ES6：import 'babel-polyfill'

修改您的入口点以包含babel-polyfill：

module.exports = {
  entry: ["babel-polyfill", "./app/js"]
};

使用webpack和VueJS在IE11上遇到SCRIPT 1003错误

1 个答案: