react打包页面打开空白

当第一次使用create-react-app开发项目的时候，遇到了一个小坑，就是npm run start开发环境运行项目的时候一切正常，但是在npm run build的时候会发现打包后打开index.html显示空白，这个问题其实vue也有。

解决办法

在package.json中增加配置

"homepage": "."

目前如果能正常打开的话那很好，但是可能会出现说就算配置了homepage最后还是显示空白的情况。这时候就要检查你是否使用的是 BrowserRouter (同vue的history模式)需要后端配置支持，否则请使用HashRouter 即带 #。

const history = createBrowserHistory();

只需将上面的代码替换成下面的即可。

const history = createHashHistory();