vue專案打包後首頁一片空白解決辦法和具體原因總結

2021-09-03 01:44:26 字數 1086 閱讀 2429

vue 專案 在ie瀏覽器下頁面顯示為空

1.相容ie9/ie10可能會遇到語法或者 promise錯誤,安裝 babel-polyfill

npm install babel-polyfill

2.在頁面入口配置main.js中引入 babel-polyfill

import(「babel-polyfill」)

3.解決編譯錯誤----重要

有的解釋說是webpack-dev-server版本的問題,所以 重新安裝一下webpack-dev-server

npm install [email protected] 如果有**映象也可使用 cnpm

4.以上操作完成後 執行

npm run dev

如果正常啟動那就ok了!我是這樣解決的,如果有好的解決方式或者也是這樣解決的請隨手給個贊!

unexpected end of json input while parsing near錯誤解決

執行 npm cache clean –force

第一種,打包後的dist目錄下的檔案引用路徑不對,會因找不到檔案而報錯導致白屏。

解決辦法:修改一下config下面的index.js中bulid模組匯出的路徑。因為index.html裡邊的內容都是通過script標籤引入的,而你的路徑不對,開啟肯定是空白的。先看一下預設的路徑。

module.exports = ],

// 下面這個是不同階段出現的es語法,包含不同的轉碼外掛程式

「stage-2」

],// 下面這個選項是引用外掛程式來處理**的轉換,transform-runtime用來處理全域性函式和優化babel編譯

「plugins」: [「transform-runtime」],

// 下面指的是在生成的檔案中,不產生注釋

「comments」: false,

// 下面這段是在特定的環境中所執行的轉碼規則,當環境變數是下面的test就會覆蓋上面的設定

「env」: }}

然後重啟npm run dev  你會發現,可以在其他低版本瀏覽器跑了,基本相容所有瀏覽器,ie8以下除外。而且大多數的手機瀏覽器也ok。重新打包到正式環境也正常。

vue專案打包後首頁一片空白解決辦法和具體原因總結

很高興在萬千文章中你看到本章,希望能為你解決問題!在最初用vue webpack vue router做專案的時候,在本地pc開發測試都是正常的,但是在把 打包部署到測試伺服器之後,訪問專案首頁總是白屏。第一種,打包後的dist目錄下的檔案引用路徑不對,會因找不到檔案而報錯導致白屏。解決辦法 修改一...

更換IP後Portal開啟一片空白

有的小夥伴,安裝配置完portal以後,因為某原因需要改ip,結果導致portal開啟後一片空白,server manager 也一直在那載入。上面的那個文章也有寫方法。但是,操作完以後發現還是不顯示,這是什麼情況?然後我發現其實是需要四個地方的。解決方案 1 從下列四個位置找到hostidenti...

DedeCms後台登入一片空白的解決方法

今天在dede後台登陸時出現了問題,導致後台變成空白,再回頭登陸時,登陸頁面也是一片空白,檢視源 也是一片空白,在網上找了些資料,參考肖老師總結資料解決了dede後台登入變成一片空白的問題 找到 include common.inc.php檔案,開啟,查詢程式 error reporting e a...