1. 程式人生 > 其它 >Vue專案在IE報錯SCRIPT1003: 缺少' : ',導致頁面空白的解決方案

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中指定哪些資料夾或檔案需要編譯.

       

 四、配置完成後,重新啟動專案進行驗證,這時候發現可以成功訪問系統了,到此為止這個問題也就解決了。