Firebase部署(反应式应用程序)-生成空白屏幕

时间:2018-11-26 05:35:43

标签: reactjs firebase deployment

我正在尝试将我的React应用程序部署到Firebase(使用firebase-tools)。

应用是使用此生成器生成的(自述文件中包含部署说明)。我遵循了它们,但是他们没有标记Firebase会覆盖索引html,因此他们的第一步是用Firebase覆盖替换了构建文件中的html。我将src / index.html复制回了构建文件,然后重新运行init,构建和部署调用。

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

我见过this post。像该用户一样,我必须从firebase.json中删除predeploy脚本,因为它会产生eslint错误。

用于Firebase托管的facebook create-react-app advice用于通过以下方式向firebase.json添加附加脚本:

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

我也尝试过此操作,但它没有任何改变。

我尝试删除,重新安装npm,然后清理缓存(在functions文件夹中)。我注意到,重新安装节点模块不会导致functions / node_modules / eslint文件夹。我不确定为什么。

其他人建议使用chrome / devtools / application / clear storage / clear站点数据。我已经尝试过了,但是没有任何变化。

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

有人找到解决这个问题的方法吗?

1 个答案:

答案 0 :(得分:0)

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

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