带有 Vuetify 的 VueJs 在 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 样板开始的。

Answer 1

您可以添加

import 'babel-polyfill'

到main.js

我想这不是性能方面的最佳解决方案，因为您加载了一个您并不总是需要的模块。然而，这应该可以解决您在等待 webpack 向导通过时遇到的问题 ;)

Answer 2

我让它工作了。将附加入口点添加为数组会使其成为同一依赖关系图的一部分，因此内置到同一文件中。现在一切正常，即使在 IE 11 中也是如此。

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

带有 Vuetify 的 VueJs 在 IE 11 中不工作

VueJs with Vuetify not working in IE 11

internet-explorer

vue.js

vuetify.js