vuejs2 - VUE CLI-3 项目不适用于 IE-11

Question

我使用 vue-cli3 在 vuejs 中创建了一个项目。它在 chrome 浏览器上运行良好，但在 IE-11 版本中显示空白屏幕，并在控制台中显示以下错误，如本链接所述:https://drive.google.com/file/d/1QaNwK1ekI2BwFsFyjvgbSsvwHBCmlcAD/view?usp=drivesdk
单击我在上面屏幕截图中指出的控制台错误时，它会打开一个屏幕作为给定链接中的显示 https://drive.google.com/file/d/1_QXVjcw3cmqeC70LfNyLcr__rnXVIZIh/view?usp=drivesdk与 mini-toastr 包中的错误:
这是我的 babel.config.js 文件代码:

module.exports = {
  presets: [
   ['@vue/app', {
      polyfills: [
        'es6.promise',
        'es6.symbol'
      ]
    }]
  ]
}

和 .browserslistrc 文件代码:

> 1%
last 2 versions
not ie <= 8

我没有得到我做错的地方。我缺少什么吗？如果有人需要更多信息，请告诉我。谢谢!

Answer 1

我终于得到了上述问题的解决方案。要在 IE-11 版本上运行项目，只需遵循 2 个步骤:

使用命令“npm install --save babel-polyfill”安装 babel-polyfill。

在上面所有导入包的顶部的 main.js 或 index.js 文件中导入 babel-polyfill。例如，这是您的 main.js 文件。

备注 : 如果你在最后导入 babel-polyfill 它不起作用。

import 'babel-polyfill'  
import Vue from 'vue'
import Vuetify from 'vuetify'

import router from './router'
// include script file
import './lib/DemoScript'

// include all css files
import './lib/DemoCss'

Vue.use(Vuetify)

new Vue({
    store,
    router,
    render: h => h(App),
    components: { App }
}).$mount('#app')