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，就发现正常了。