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