在天蓝色中部署反应应用程序后,我可能会出现白屏
[我正在控制台中接收所有文件,但显示在前端并自动刷新显示白屏
][1]
Package.json 文件Q5XvT.png
[I am receiving the all files in console but showing in the frontend and automatically refresh showing the whitescreen
][1]
Package.json fileQ5XvT.png
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
要解决 Azure 中 React 应用程序的白屏/空白屏幕部署问题,请尝试以下任一方法:
在
package.json
中添加"homepage": "."
< /p>确保从
build
文件夹发布,而不是public< /code> 文件夹
在
index.html
中,确保检查指定正确的 JavaScript 包.参考文献: 如何使用 create-react-app 进行静态部署后修复空白屏幕 和 我部署了一个azure-webapp,页面显示空白
To resolve white/blank screen deployment of react app in Azure, try either of the following ways:
In
package.json
add"homepage": "."
Make sure to publish from
build
folder instead ofpublic
folderIn your
index.html
, make sure to check to specify correct JavaScript bundle.References: How to fix the Blank screen After a Static Deployment with create-react-app and I have deployed a azure-webapp and the page displays blank
您可以看到另一篇文章:之后的空白页在 create-react-app 上运行构建
如果您使用react-router并尝试直接在浏览器中打开index.html(或使用电子,它本质上是这样做的),除了设置正如其他人建议的那样,将您的 BrowserRouter 替换为 HashRouter。
You can see this other post: Blank page after running build on create-react-app
If you're using react-router and trying to open index.html directly in the browser (or using electron, which essentially does that), in addition to setting homepage as others have suggested, replace your BrowserRouter with a HashRouter.