Javascript IE11+；Vue Cli+；网页包+；Babel-SCRIPT1003错误

我在IE11中有脚本1003:预期的“：”错误。 我已经通过vue cli工具安装了vuejs。在我将vuex库添加到package.json之前，它一直有效。 Mypackage.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"]
    }
  }
}

不幸的是，在这一切之后，我仍然得到同样的错误。你能帮我如何让它在IE11中工作吗

先谢谢你

致以最良好的祝愿

---

Goran从Vue.js论坛得到了答案：

问题是在组件中添加了vCardMedia：

components : {
 vCardMedia
}

---

一旦我删除它的一切工作与巴贝尔包括在内。仍然不确定组件为什么会破坏它…

您很可能会遇到此错误，因为您在代码中的某个地方编写了一个带有

最可能的罪魁祸首是在主Vue实例的构造函数中传递Vuex

存储时：

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

IE11不支持速记属性，因此它让您知道它需要定义属性值所需的
：
：

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

事实上，这是由巴贝尔传送和修复的。请注意此线程的正确答案：删除shorthand属性似乎修复了错误，对吗？不，我在项目组件的其他地方有速记语法，问题出在vCardMedia内部。例如，添加“store”的方式与第一个示例完全相同，现在在我删除vCardMedia后，它工作正常。是的，这可能是babel配置或vue加载程序的问题。我很有信心这是根本问题。
components:{vCardMedia:vCardMedia}
对您有用吗？建议在已经使用babel传输代码时停止使用对象速记实际上并没有解决真正的问题。babel的全部要点是，你可以使用IE11不支持的es6+功能。这不是一个很好的答案：（如果你想知道它为什么会坏，以及如何在不删除任何组件的情况下修复它，请参见下文。这不是一个答案，它仍然是一个bug。如果修复某个东西会删除该功能，那将是非常愚蠢的。
new Vue({
  el: '#app',
  store: store,
  // ...
})