作者:手机用户2502853557 | 来源:互联网 | 2022-12-06 14:12
我使用vue-cli3在vuejs中创建了一个项目.它在Chrome浏览器上工作正常,但在IE-11版本的空白屏幕中显示以下链接中提到的错误:https://drive.google.com/file/d/1QaNwK1ekI2BwFsFyjvgbSsvwHBCmlcAD/view?usp=drivesdk
On单击我在上面的屏幕截图中指出的控制台错误,它打开一个屏幕,显示在给定链接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
我没有得到我在做错的地方.我错过了什么?如果有人需要更多信息,请告诉我.谢谢!
1> Sukhpal Sing..:
我终于得到了上述问题的解决方案.要在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')