Firebase 部署（反应应用程序） - 生成一个空白屏幕

Question

我正在尝试将我的 react 应用部署到 Firebase（使用 firebase-tools）。

应用程序是使用此生成器生成的（自述文件中有部署说明）。我跟着他们，但他们没有标记 Firebase 覆盖索引 html，所以他们最初的步骤用 Firebase 覆盖替换了我在构建文件中的 html。我将 src/index.html 复制回构建文件并重新运行 init、构建和部署调用。

我在主页上有一个对讲脚本 - 页面中唯一呈现的部分是对讲图标。页面的其余部分是空白的。

我见过this post。像这个用户一样，我不得不从我的 firebase.json 中删除预部署脚本，因为它会生成 eslint 错误。

用于 Firebase 托管的 facebook create-react-app advice 是向 firebase.json 添加一个附加脚本：

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

我也试过这个，但它并没有改变任何东西。

我尝试删除、重新安装 npm，然后清理缓存（在函数文件夹中）。我注意到重新安装节点模块不会生成 functions/node_modules/eslint 文件夹。我不知道为什么。

其他人建议使用 chrome/devtools/application/clear storage/clear site data。我试过了，但没有任何变化。

一些帖子将问题归咎于 firebase-tools - 尽管最近的帖子表明导致该解决方案的错误现已得到纠正。

有没有人找到解决这个问题的方法？

Answer 1

在 firebase.json 中 - 将 public 从 'build' 更改为 'dist'

“托管”：{ "public": "dist",