问题:Vue项目用了axios,vuex以及ES6语法等一系列看起来很高大上的新技术后,在IE9-11浏览器直接白屏。
原因:IE对ES6语法支持极差,IE也不支持promise,vuex,axios都依赖promise特性。
解决方案:
1.首先解决es6语法不兼容的问题,用babel
转换成es5(不是es2015),执行安装命令
cnpm install --save-dev babel-cli
bable全家桶就装上去了。注意啊,大部分Vue项目其实都安装过这个插件,如果有就不必重复安装了。
2.在项目里找到你的.babelrc
文件,没有就新建一个。
3.安装ES6转换ES5规则,执行命令行,很多规则集,我安装的这个。
cnpm install --save-dev babel-preset-es2015
4.在bable
文件写好配置,具体如下:
{
"presets": [
"es2015"
],
"plugins": []
}
以上4步搞定ES6语法兼容问题。
接下来就是对p