国际惯例,按照步骤使用npm安装了vue-particles插件,项目跑起来后,在chrome,Edge以及safari中都没有什么问题,但是在IE中出现了空包页现象,没有报错,在强刷页面后出现 缺少":" 的报错,
最初以为是不兼容IE版本低的问题,经过多次测试,IE11都会出现同样的问题,这不是太扯了嘛,经过度娘一番询问得知,是因为IE浏览器是需要做对ES6的兼容处理,但是发现已经在main.js中引入了babel-polyfill以及es6-promised
然后就怀疑是因为插件的版本过低造成对ES6转化的不完整,更新后也排除掉了这个原因,
那就只能从插件本身的源码开始排查,也经过借鉴网上大神的方法,解决办法如下:
1、找到安装的插件目录
node_nodules/vue-particles
2、在目录下找到index.js文件,是在src目录下的vue-particles文件夹中,
node_nodules/vue-particles/src/vue-particles/index.js
3、将原来内容做如下修改