带有Vuetify的VueJs无法在IE 11中工作

Question

我的应用程序在所有浏览器中工作，除了IE11。在IE中，我得到错误：对象不支持属性或方法'assign'。我已经添加了babel polyfill,但我仍然得到相同的错误,就像polyfill没有正确编译。

我安装了babel-polyfillnpm install--save babel-polyfill。

我更改了webpack.base.conf.js，如下所示

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

这个项目是从Vuetify的webpack样板开始的。

Answer 1

我把它弄好了。将附加入口点添加为数组会导致它成为同一个依赖关系图的一部分，因此会内置到同一个文件中。现在一切都很好，即使在IE11中也是如此。

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

Answer 2

您可以添加

import 'babel-polyfill'

到main.js

我想它不是性能最好的解决方案，因为您加载的模块并不总是需要的。不过，在等待webpack向导通过时，这应该可以解决您的问题；）