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

至此,顺着箭头网上找,发现了报错路径:
vue 页面在 IE11 浏览器白屏,报错:SCRIPT1003: 缺少 ':' app.js_第1张图片
可以确定是 vcolorPicker 在搞鬼了。。。
然后发现main.js中引入了它:
vue 页面在 IE11 浏览器白屏,报错:SCRIPT1003: 缺少 ':' app.js_第2张图片
但在代码里用的不是这个,是 el-color-picker…

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

你可能感兴趣的:(vue)