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

报错如下图：在网上找了很多文章看，很多都是因为ES6不兼容IE浏览器引起的，应该使用 babel-polyfill 转ES6实现。然鹅！！！在我这里是无效的不论是在 mian.js 中引入，还是在 webpack.base.conf.js 中引入（且在‘babel-loader’中加 resolve（‘static’）），都没有实现…点进去查看app.js，看的我欲哭无泪：箭头一直指...

皮皮虾-coding

5981人浏览 · 2020-03-10 18:20:58

皮皮虾-coding · 2020-03-10 18:20:58 发布

报错如下图：

在网上找了很多文章看，很多都是因为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 页面终于可以正常展示啦~
具体的不清楚，也不明白是不是我引入了它但没用的问题，还待测试。
不过有类似报错的童鞋可以参考~

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^