React项目打包本地空白问题

背景：当我使用npm run build打包后点开了build中的index.html一片空白，一脸懵，于是打开了控制台。发现以下报错。

问题1. 找不到manifest.json文件，于是打开了打包过后build中的index.html

<link rel="manifest" href="/manifest.json"/> 发现"/manifest.json" 前面少了一个 "."

于是我打开package.json 新增homepage:"."

再次打包，成功在manifest前加上"."

ps：如果homepage:"." 以后出现了/static/js 或者 /static.css 文件找不到可能是打包的缓存可清缓存再试或者使用craco.config 配置以下静态资源路径 './'即可

问题2. 再次打开index.html

额页面404了，于是检查了一下我的路由配置

我使用的是createBrowserRouter，想到我这个项目是H5嵌入到其它平台，不需要与服务端进行渲染（SSR），于是改为createHashRouter

再次打包，并打开index.html 页面渲染正常，问题解决。