vue项目无法在IE浏览器中显示


网上找了很多资料,都说是babel-polyfill包的问题,按照他们的方法,我发现无法解决,之于这些坑,总结了我的解决方法。

拿到一个vue项目首先要安装对应的插件,

npm install

安装过程遇到
ensuring that file exists: C:\Python27\python.exe

这个问题,我开始不是很明白,为啥前端项目需要python,后面查了下才大概了解,有些包是需要python环境的。
注意:这里需要的是python2.7的环境,python3也是不行的,按照网上的教程傻瓜式安装好python2.7,并配置好环境变量。当在cmd命令行里面,输入:

pyhon -V

能正确显示版本号,说明安装成功

此时,再来一次

npm install

报错:

换源安装node-sass

npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

若是,换源安装node-sass报错,先卸载一下node-sass,再换源安装;若是不报错,跳过这个步骤。

# 卸载安装失败的
npm uninstall node-sass
# 重新换源安装
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

此时,再来一次

npm install

发现不报错了

好,运行项目,此时应该能访问页面,但是有部分人,可能发现在IE浏览器是一片空白,不显示页面内容,不要慌,打开IE浏览器控制台,定位到报错的位置


发现是js-base64这个包报错了,查资料发现,是因为版本太高不兼容IE浏览器,卸载掉,装一个低版本的就行了

# 先卸载原来的版本
npm uninstall js-base64
# 再安装这个版本
npm install js-base64@2.6.2 --save

再运行项目,就能够正常在IE上面显示了。


文章作者: 木华
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 木华 !
评论