react build路徑不對(duì)的解決辦法：1、找到“node_modules -> react-scripts -> config -> paths.js”；2、修改內(nèi)容為“envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : './');”；3、重新編譯打包即可。

本教程操作環(huán)境：Windows10系統(tǒng)、react18.0.0版、Dell G3電腦。

react build 路徑不對(duì)怎么辦？

React項(xiàng)目build之后資源文件路徑不正確或打開空白頁(yè)的問題及簡(jiǎn)易解決方法

找到node_modules -> react-scripts -> config -> paths.js

修改

function getServedPath(appPackageJson) {   const publicUrl = getPublicUrl(appPackageJson);   const servedUrl =     envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : '/');//改成'./'   return ensureSlash(servedUrl, true); }

為

function getServedPath(appPackageJson) {   const publicUrl = getPublicUrl(appPackageJson);   const servedUrl =     envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : './');   return ensureSlash(servedUrl, true); }

再重新編譯打包即可

或者更簡(jiǎn)便的方法是在你的package.json：加入下面這句

“homepage”: “.”,

這將確保所有資產(chǎn)路徑都相對(duì)于index.html

這樣應(yīng)用從中移動(dòng)http://mywebsite.com到http://mywebsite.com/relativepath甚至http://mywebsite.com/relative/path無需重建。

如果您沒有使用HTML5 pushState歷史記錄API或根本不使用客戶端路由，則無需指定應(yīng)用程序的URL。

如果還是資源路徑不對(duì)，可能recat框架用了BrowserRouter路由會(huì)導(dǎo)致瀏覽器訪問不到相應(yīng)的路由配置，這個(gè)路由有點(diǎn)小問題，可以更換HashRouter即可解決空白或資源路徑錯(cuò)誤問題.

推薦學(xué)習(xí)：《react視頻教程》