create-react-app建立的項目npm run build以後靜態文件找不到

 

create-react-app建立的項目npm run build以後，運行build中的index.html，什麼都沒顯示，打開瀏覽器的F12，發現了幾個紅色的報錯，提示幾個文件找不到。

查看生成的index.html，發現，裏面引用的js和css的路徑都是以 "/...." 開頭的。這樣寫就是絕對路徑了，固然找不到。

正常的應該是相對路徑，手動把index.html中的引用文件路徑最開始的「/」符號挨個去掉，刷新頁面果真成功顯示了。

但總不能每次build之後都手動修改吧。

正確的修改方式在下面：

找到根目錄下config文件夾裏面的paths.js文件，找到如下這個函數。其中的 '/' 改成 './' 便可

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

修改完之後，從新運行npm run build，就發現正常了。

 

原文出處：https://www.cnblogs.com/yasw/p/10793180.html