vue 页面在 IE11 浏览器白屏,报错:SCRIPT1003: 缺少 ':' app.js

报错如下图:
报错
在网上找了很多文章看,很多都是因为ES6不兼容IE浏览器引起的,应该使用 babel-polyfill 转ES6实现。
然鹅!!!在我这里是无效的
不论是在 mian.js 中引入,还是在 webpack.base.conf.js 中引入(且在‘babel-loader’中加 resolve(‘static’)),都没有实现…

点进去查看app.js,看的我欲哭无泪:
在这里插入图片描述
箭头一直指向data。。。。

终于,发现一个问答和我的情况很像:
https://forum.vuejs.org/t/ie11-vue-cli-webpack-babel-script1003-error/16257

至此,顺着箭头网上找,发现了报错路径:
在这里插入图片描述
可以确定是 vcolorPicker 在搞鬼了。。。
然后发现main.js中引入了它:
在这里插入图片描述
但在代码里用的不是这个,是 el-color-picker…

至此,注释掉这个import和Vue.use(vcolorPicker)就好啦~
在这里插入图片描述
IE11 页面终于可以正常展示啦~
具体的不清楚,也不明白是不是我引入了它但没用的问题,还待测试。
不过有类似报错的童鞋可以参考~

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值