vue3.0版本打包后,index.html頁面顯示空白怎么辦


前幾天寫一個項目,臨時需要打包出一個html文件,用 npm run build 命令打包以后發現index.html打開以后頁面是空白的,出現這樣的報錯:

 

 

 報這個錯的原因其實是生成的index.html文件中引入的文件路徑出現問題,需要修改 publicPath

我就去找config文件下的index.js文件,找不到,才想到vue-cli3.0版本搭建的項目已經把相關的設置放在了  根目錄 vue.config.js 

 

 

 沒有這個文件的自己去根目錄下創建一個也可以,里面的結構是這樣的:

 

module.exports里面具體的配置項可以去vue官網打開vue-cli下配置參考,里面會有具體的每一項配置:  https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AE

 

 

我們需要在js中添加修改的一項配置是   publicPath: './'    或者是     publicPath: ' ' , 二者都可以

這是基本路由,默認的路徑貌似是'/’,修改這個路徑以后,頁面就可以出來了,其余和打包相關的配置自己看着來就可以了,參考上給出的網址,官網講解很詳細的



------以上全是個人理解,給我這種還搞不太明白各種配置的新手參考一下,大佬看見別笑話,謝謝


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM