vue 项目再所有 IE 浏览器下页面显示空白问题

用vue搭建了一个PC官网的项目,再火狐、谷歌、Safari等浏览器下显示都正常,就是再IE所有浏览器下都显示空白 页(IE8、9、10、11)都显示不正常,从网上查找了很多相关问题的解决方法,大部分都说时因为ES6转ES5的原因,需要安装babel-polyfill;我照着网上的方法部署:
1.安装 babel-polyfill (npm install babel-polyfill --save-dev)
2.在入口main.js文件引入:import 'babel-polyfill'
3.在build文件夹下找到webpack.base.conf.js文件把一下代码
entry: {
app: './src/main.js'
}
替换成
entry: {
app: ['babel-polyfill', './src/main.js']
}
完成上面操作后重启项目,IE浏览器下页面还是显示空白的。
附上IE不同版本下运行时,报错提示
1.IE8下
(https://cdn.learnku.com/uploads/images/201...)
2.IE9、10、11下
(https://cdn.learnku.com/uploads/images/201...)
有哪位大神碰到过这个问题,怎么解决!
谢谢!!!

讨论数量: 1

类似的问题我也遇到过,我无法给你明确的答案,可以给你一些思路:
1、babel-polyfill是有效的解决办法,但不能解决全部,例如他不能直接对node_modules中的es6进行转码
2、除了main.js要引入babel-polyfill,其他一些单独的文件如果用到es6的也要转码,例如store.js和router.js
3、具体报错原因需要分析ie调试器中给出的内容,一般都有出现问题的组件的关键词的,上下文对照下比较容易找到是哪个组件导致的

4个月前 评论

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!