React生产构建后返回404错误 开发环境运行正常该如何解决？

问题原因 #

操作路径和serve命令的参数不匹配：

1. 执行npm run build后，会在项目根目录生成存储生产环境静态资源的build文件夹
2. 执行cd build后，当前工作目录已经切换到了build文件夹内部
3. 此时执行serve -s build，serve会尝试在当前的build文件夹下查找名为build的子目录，该路径不存在，因此返回404。

你可以自行验证：启动serve后在访问地址后手动拼接/index.html，如果能正常打开React默认页面，即可确认是上述路径匹配错误导致的。

正确操作方案 #

二选一即可：

• 停留在项目根目录（不进入build文件夹），直接执行：serve -s build
• 已经进入build文件夹的情况下，执行：serve -s .
  （.代表当前目录，也就是静态资源的实际存储目录）

内容的提问来源于stack exchange，提问作者Rahul Verma