原因分析: 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
然后,在里面添加你报错时提示的依赖包,加上这个配置transpileDependencies
transpileDependencies: ["socket.io-client","vue-particles"]
重新运行项目可能还有报错,那就继续找还需要添加哪个,比如提示我后面添加的那个依赖包vue-particles,这是一个Vue粒子效果插件,那么就继续添加进去
第二种,如果是vue cli2.x创建的项目,也就是项目默认有build和config文件夹的
第一步
找到build下面的webpack.base.conf.js
然后找到module下面的rules,在.js$模块添加对应的依赖
其他配置 : 下面是加不加都行的 反正我项目不加也不影响运行
1. 一般在项目根文件index.html里面会有meta兼容iE的标签,如果没有请添加箭头指的这句
2.在main.js里引入babel
import 'babel-polyfill'
3.修改源码
例如vue-particles 插件,还有一种方法是修改node_modules里插件源码
原vue-particles/src/vue-particles/index.js代码如下:
IE不支持install(){}这种写法,故修改如下:
当然了其他插件也可以修改源码,自行百度,今天分享的东西就是这些了