Vue專案在IE報錯SCRIPT1003: 缺少' : ',導致頁面空白的解決方案
阿新 • • 發佈:2022-05-06
一、問題
用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中指定哪些資料夾或檔案需要編譯.
四、配置完成後,重新啟動專案
進行驗證,這時候發現可以成功訪問系統了,到此為止這個問題也就解決了。