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

【问题标题】：VUE CLI-3 Project not working on IE-11VUE CLI-3 项目不适用于 IE-11
【发布时间】：2018-08-28 11:05:29
【问题描述】：

我使用 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

我没有找到我做错的地方。我有什么遗漏吗？如果有人需要更多信息，请告诉我。谢谢！

【问题讨论】：

标签： vuejs2 vue-cli-3

【解决方案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')

【讨论】：

【解决方案2】：

另一个解决方案：使用 vue-cli-3 的强大功能来利用浏览器支持：https://cli.vuejs.org/guide/browser-compatibility.html#modern-mode

构建时只有一个选项，一旦您选择了要支持的浏览器列表，您就完成了:-)

这应该适用于构建应用程序。

【讨论】：