Vue项目在IE报错SCRIPT1003: 缺少' : ',导致页面空白的解决方案
一、问题
用IE浏览器访问系统,页面显示空白,控制台报错 SCRIPT1003: 缺少' : '
二、查看报错
2.1、点击控制台报错,进入app.js,咋一看代码看不懂,不要慌,一直往上看就可以看到具体是哪个库报的错
2.2 、我的项目是word-cloud报错了
2.3、 在package.json找到相关依赖
三、解决方法
3.1、先安装babel-polyfill
安装命令: npm install --save babel-polyfill
3.2 、在main.js引入
3.3、在vue.config.js里配置
说明:node_modules里的依赖默认是不会编译的,会导致es6语法在ie中的语法报错,所以需要在vue.config.js中使用transpileDependencies属性配置node_modules中指定哪些文件夹或文件需要编译.
四、配置完成后,重新启动项目
进行验证,这时候发现可以成功访问系统了,到此为止这个问题也就解决了。