本文分析了IE浏览器不兼容Vue项目的原因，主要是由于不支持ES6语法。解决方案是使用babel-polyfill转换项目中的依赖，使它们兼容IE。在Vue CLI 4.x以上版本，该转换已内置，而在低版本中需要手动安装。文章详细介绍了针对Vue CLI 3+和2.x项目的配置步骤，包括修改webpack配置和处理未被babel识别的特殊依赖。同时，建议在项目中添加meta标签以兼容IE，并在main.js中引入babel-polyfill。
原因分析： Ie浏览器不兼容的原因主要是因为不识别es6语法
解决：需要通过babel-polyfill转化，使项目中的依赖包支持ie浏览器
说明：在vue cli4.x之后，无需手动安装babel-polyfill,脚手架中已经内置
如果脚手架版本低需要下载依赖 npm i babel-polyfill –save
一般项目中有babel-polyfill，就会自动转化依赖包，但是也有一些特殊的依赖包不被babel识别
如果你还是发现浏览器白屏不显示，那可能就是有一些依赖不被babel识别需要你手动修改webpack进行添加
报错说明：1002/1003控制台会提示缺少 ： 语法错误
那么解决方法如下
找到报错时提示的未识别的依赖，一般是在报错的最后面
也就是这个socket.io-client，babel里面没有，只要把这个依赖添加进去就可以了
添加方法如下
第一种：如果是cli3+ 创建的vue项目**
首先，在根目录新建vue.config.js
最低0.47元/天 解锁文章
扫一扫
4822
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
