踩坑:vue-particles粒子插件在IE中出现空白,报错:缺少“:”

在使用vue-particles插件时遇到IE浏览器显示空白并报错"缺少":""。通过检查和修改插件源码,具体包括在index.js中将const改为var,解决了IE11及更低版本的兼容问题。
摘要由CSDN通过智能技术生成

国际惯例,按照步骤使用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、将原来内容做如下修改

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值