怎么解决vue2.0下IE浏览器白屏?解决白屏技巧分享

公司新开发的项目需要兼容到IE9
就在index.html页面加入

怎么解决vue2.0下IE浏览器白屏?解决白屏技巧分享

文章插图
不起作用
总结方法:
1、兼容IE9/IE10可能会遇到语法或者 Promise错误,安装 babel-polyfill
怎么解决vue2.0下IE浏览器白屏?解决白屏技巧分享

文章插图
2、在页面入口配置main.js中引入 babel-polyfill
怎么解决vue2.0下IE浏览器白屏?解决白屏技巧分享

文章插图
3、解决编译错误----重要
重新安装一下webpack-dev-server
怎么解决vue2.0下IE浏览器白屏?解决白屏技巧分享

文章插图
4、修改 build/webpack.base.conf.js下
怎么解决vue2.0下IE浏览器白屏?解决白屏技巧分享

文章插图
5、安装babel-preset-es2015-ie
6、根目录下新建.babelrc
怎么解决vue2.0下IE浏览器白屏?解决白屏技巧分享

文章插图
7、以上操作完成后 运行
怎么解决vue2.0下IE浏览器白屏?解决白屏技巧分享

文章插图


【怎么解决vue2.0下IE浏览器白屏?解决白屏技巧分享】

    推荐阅读