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中指定哪些文件夹或文件需要编译.

       

 四、配置完成后,重新启动项目进行验证,这时候发现可以成功访问系统了,到此为止这个问题也就解决了。

     

 

 

 

 

     

 

posted on 2022-05-06 16:43  转角遇到谁  阅读(4063)  评论(0编辑  收藏  举报