当第一次使用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();