美文网首页
react打包页面打开空白

react打包页面打开空白

作者: _hider | 来源:发表于2019-07-21 10:30 被阅读0次

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

相关文章

网友评论

      本文标题:react打包页面打开空白

      本文链接:https://www.haomeiwen.com/subject/qylmlctx.html