VUE CLI-3项目无法在IE-11上运行

Sukhpal Singh |

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

我没有走错地方。我有什么想念的吗？如果有人需要更多信息，请告诉我。谢谢！

Sukhpal Singh |

我终于解决了上述问题。要在IE-11版本上运行项目，只需执行以下两个步骤：

使用命令“ 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')

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。