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

前幾天寫一個項目,臨時需要打包出一個html文件,用 npm run build 命令打包以后發現index.html打開以后頁面是空白的,出現這樣的報錯: 報這個錯的原因其實是生成的index.html文件中引入的文件路徑出現問題,需要修改 publicPath 我就去找config文件下的index.js文件,找不到,才想到vue cli . 版本搭建的項目已經把相關的設置放在了 根目錄 vu ...

2020-03-26 15:58 0 1902 推薦指數:

查看詳情

Vue通過build打包 打開index.html頁面空白

最近在build打包vue項目遇到了幾個問題,如下: 1、npm run build打包項目之后,我們通常是把dist文件里面被壓縮的static文件跟index.html提交到服務器,但最近發現直接打開index.html頁面空白的,還會報幾個錯,找不到頁面路徑。 原因:找到config ...

Wed Jan 23 06:43:00 CST 2019 0 4209
解決Vue項目打包打開index.html頁面顯示空白以及圖片路徑錯誤的問題

在config/index.js中的build命令的配置有一個屬性叫assetsPublicPath,它的值為‘/’。意思是根目錄,這時會從index.html所在的硬盤的根目錄下開始查找,自然無法找到。 解決辦法:改為‘./’這時就不再是絕對路徑的根目錄了,而是改為了相對路徑,同目錄下進行 ...

Sun Jul 28 23:17:00 CST 2019 0 547
vue3.0打包頁面空白,放置服務器

vue 3.0打包頁面空白,是因為打包使用的路徑直接用“/”,而不是用“./”,./指的是相對路徑,打包后放在服務器任何位置都行; 在vue.config.js中配置 vue3中vue.config.js 中只需要配置 ...

Thu Nov 21 17:34:00 CST 2019 0 512
react項目打包后點擊index.html頁面出現空白

打包之前,在 package.json 中 private 下(位置任意)添加"homepage": "./" 這樣在你點擊index.html時候路徑沒有問題不會報錯,但是頁面可能還是空白的 然后將項目中的引用路由時候的BrowserRouter改為HashRouter,所有用到的地方都要 ...

Sat Dec 12 21:05:00 CST 2020 0 1177
如何解決vue2.0 打包之后 打開index.html出現空白

如何解決vue2.0 打包之后 打開index.html出現空白頁 1.打包之前修改三個文件 1.1.第一步,找到build文件,在webpack.prod.conf.js 第25行左右 有一個對象為 output,在這里面增加一行代碼 publicPath ...

Wed Aug 21 02:17:00 CST 2019 0 1750
vue3.0以上關於打包出現空白頁和路由不起作用

1.解決頁面空白,找不到資源 在項目根目錄中的vue.config.js中publicPath: '/'修改為publicPath: './',如果沒有這個文件,新建一個,基礎代碼為: 2.解決路由不起作用: 將路由中的紅框里面的注釋掉,或者將history模式更改 ...

Fri Aug 23 18:38:00 CST 2019 0 1517
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM