vue在IE浏览器下运行空白页(ES6在IE下不兼容的问题)

近期遇到了项目是vue做的,在IE浏览器下打不开,显示空白问题,解决方案如下:

打不开的原因是因为少了babel-polyfill处理器,所以第一步需要下载:

npm install babel-polyfill --save-dev

第二步在package.json文件中显示:

vue在IE浏览器下运行空白页(ES6在IE下不兼容的问题)

第三步引入babel-polyfill:

main.js文件中引入babel-polyfill,也就是加一行:

import 'babel-polyfill';

 

第四步需要改动webpack.base.config.js:

entry中的app: './src/main.js'配置改为:app: ['babel-polyfill', './src/main.js'];如下:

vue在IE浏览器下运行空白页(ES6在IE下不兼容的问题)

 

最后重新启动项目运行。

 

PS:之前一直就按照上述方法操作,发现不行,结果在这里处理下就好了,看控制台在node_modules找到你报错的那个组件,然后设置下  代码如下:vue在IE浏览器下运行空白页(ES6在IE下不兼容的问题)