如何使用 create-react-app 部署 React 应用程序答案

【问题标题】：How to deploy a react app using create-react-app如何使用 create-react-app 部署 React 应用程序
【发布时间】：2020-10-21 19:28:19
【问题描述】：

我是 react.js 的新手，并尝试将我的网站内容转换为 react 组件，以此与朋友一起学习。我正在使用 npx create-react-app 并希望通过 Google Firebase 将该应用程序上线。部署成功 - 但我在运行 npm start 时看不到包含组件的 localhost 页面。而是有一个空白页面。

我遵循了一些在线指南并运行npm run build。

然后，我尝试将"homepage:" 添加到 package.json 并将其设置为"mydomain.com" 或"."。

我还将我的 Firebase 公共目录更改为 build 文件夹（而不是 public）。

还没有任何效果。有人知道为什么吗？

【问题讨论】：

你看过官方文档吗？ create-react-app.dev/docs/deployment/#firebase
谢谢伙计！这是我遵循的指南之一，但事实证明我没有解决问题 #2440：为首次部署设置“社会工作者”。现在它正在工作。

标签： reactjs firebase create-react-app deploying

【解决方案1】：

感谢 goto1，我再次查看了 react 文档并发现了问题 #2440。添加：

"headers": [
  {"source": "/service-worker.js", "headers": [{"key": "Cache-Control", "value": "no-cache"}]}
]

在firebase.json 中为我解决了这个问题。

【讨论】：