VueJs与Vuetify在IE 11中无法正常工作。

Question

我的应用在除IE 11之外的所有浏览器中都可以运行。在IE中，我会收到错误消息：Error: Object doesn't support property or method 'assign'。我已添加了babel polyfill，但仍然收到相同的错误，就好像polyfill没有正确编译一样。

我安装了babel-polyfill：npm install --save babel-polyfill。

我按以下方式更改了webpack.base.conf.js：

module.exports = {
  context: path.resolve(__dirname, '../'),
  entry: {
    babelPolyfill: 'babel-polyfill',
    app: './src/main.js'
  },

该项目是基于Vuetify的Webpack样板启动的。

- Cindy Conway

Answer 1

您可以添加：

import 'babel-polyfill'

转到main.js

我猜这不是最佳的性能解决方案，因为你会加载你不总是需要的模块。 然而，这应该可以解决你的问题，同时等待一个webpack专家过来解决 ;)

- Guillaume Meral

Answer 2

我搞定了。将附加的入口点添加为数组可使其成为同一依赖图的一部分，因此构建到同一文件中。现在一切都运行良好，即使在IE 11中也是如此。

module.exports = {
  context: path.resolve(__dirname, '../'),
  entry: {
    app: ['babel-polyfill', './src/main.js']
  },

- Cindy Conway

---

请注意，如果您还想针对IE10进行目标定位，则可能需要更多的polyfills，请参见https://github.com/vuetifyjs/vuetify/issues/463#issuecomment-352361055。 - mrts

这应该放在main.js文件中吗？如果是的话，怎么做呢？谢谢。 - Bill