IE11 + Vue-Cli + Webpack + Babel - SCRIPT1003 錯誤

Question

我有SCRIPT1003: Expected ':' IE11 錯誤。 我已經通過 vue-cli 工具安裝了 vuejs。 它一直有效，直到我將 vuex 庫添加到 package.json。 我的package.json依賴項如下：

"dependencies": {
    "axios": "^0.16.2",
    "babel-polyfill": "^6.26.0",
    "lodash": "^4.17.4",
    "rxjs": "^5.4.2",
    "vue": "^2.3.3",
    "vue-i18n": "^7.1.0",
    "vue-router": "^2.6.0",
    "vue-rx": "^3.3.0",
    "vuetify": "^0.14.11",
    "vuex": "^2.3.1",
    "vuex-persistedstate": "^2.0.0"
  }

正如許多其他幫助論壇所建議的那樣，我嘗試使用 babel polyfill。 我的.babelrc文件是這樣的：

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-runtime"],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["istanbul"]
    }
  }
}

我已經將polyfill包含在build/webpack.base.conf.js的入口點中：

entry: {
  app: ['babel-polyfill', './src/main.js']
},

不幸的是，在這一切之后，我仍然遇到同樣的錯誤。 你能幫我如何讓它在 IE11 中工作嗎？

提前謝謝你。

最好的問候，

戈蘭

Answer 1

您收到此錯誤很可能是因為您在代碼中的某處編寫了一個帶有速記屬性的對象文字。

在主 Vue 實例的構造函數中傳遞 Vuex store時，最有可能的罪魁禍首是：

new Vue({
  el: '#app',
  store,
  // ...
});

IE11 不支持速記屬性，因此它讓您知道它期望:定義屬性值：

new Vue({
  el: '#app',
  store: store,
  // ...
})

Answer 2

從 Vue.js 論壇得到答案：

https://forum.vuejs.org/t/ie11-vue-cli-webpack-babel-script1003-error/16257/6

問題是在組件中添加了 vCardMedia：

components : {
 vCardMedia
}

一旦我刪除了它，一切都可以與 babel 一起使用。 仍然不確定為什么組件會破壞它...