1. 程式人生 > >關於vue-cli 打包時出現的錯誤

關於vue-cli 打包時出現的錯誤

關於vue-cli 打包時出現的錯誤

當我們用vue-cli構建的專案完成之後,就想要在本地上開啟測試效果,此時只需要npm run build 即可( 關於build的配置選項可詳細搜查一下 ), 如果有報錯仔細檢視一下報的錯誤時什麼,如果專案能正常執行一般來講不會報錯,之後會生成dist目錄,其中有index.html檔案,拖拽到網頁上開啟,一片空白。
原因是找不到檔案,此時需要修改config目錄index.js檔案下的 assetsPublicPath配置,將其改為’./’(原先是’/’),然後重新執行npm run build,開啟index.html 檔案,顯示了網頁內容,但是可能會出現css樣式消失的問題,其實跟上面的一樣也是找不到檔案,這時修改build目錄下的utils檔案中的publicPath,修改為如下所示,這是再重新打包,在網頁中開啟,應該是沒有問題了。

若有問題歡迎指出。

在這裡插入圖片描述