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 页面渲染正常,问题解决。

相关推荐
孟陬14 小时前
HTML 处理以及性能对比 - Bun 单元测试系列
react.js·单元测试·bun
小高00715 小时前
React useMemo 深度指南:原理、误区、实战与 2025 最佳实践
前端·javascript·react.js
一颗奇趣蛋16 小时前
React.memo & useMemo:为什么 React 里「看起来没变的组件」还是渲染了
前端·react.js
Ice_Sugar_717 小时前
React 腾讯面试手写题
javascript·react.js·ecmascript
卸任18 小时前
Electron自制翻译工具:自动更新
前端·react.js·electron
小喷友20 小时前
Next.js 中的 Edge Middleware 实战
前端·react.js·next.js
前端美少女战士1 天前
post方法下载文件,需做哪些特殊处理
javascript·react.js
Jimmy1 天前
React 性能优化:从慢到闪电般快
前端·javascript·react.js
江城开朗的豌豆1 天前
React Hooks 真香定律:告别Class组件,我为什么回不去了?
前端·javascript·react.js
江城开朗的豌豆1 天前
React Component和Purecomponent区别
前端·javascript·react.js