Vue兼容ie浏览器 ,vue项目IE浏览器白屏不显示解决方案

原因分析：  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(){}这种写法，故修改如下：

当然了其他插件也可以修改源码，自行百度，今天分享的东西就是这些了