【发布时间】:2020-11-27 19:32:17
【问题描述】:
这是我第一次使用 firebase 部署 react 应用程序,在看了一些教程后,我仍然得到相同的结果。当我单击指向我网站的 firebase url 时,我得到的是这张图片而不是我的网站:
我按照以下步骤操作:
1)cd to my react app
2) npm install firebase-tools -g
3)firebase login
4) firebase init
-hosting setup
What do you want to use as your public directory? build
Configure as a single-page app (rewrite all urls to /index.html)? Yes
Set up automatic builds and deploys with GitHub? No
File build /index.html already exists. Overwrite? No
Skipping write of build /index.html
5) npm run build
6) firebase deploy
所以部署是成功的,但我没有得到我的应用程序,而是这个屏幕。
【问题讨论】:
-
我看不出你的反应应用程序是如何参与这些说明的。如果要部署某些内容,则必须将一些内容放在公用文件夹中。默认情况下,您会得到您在屏幕截图中看到的内容。
-
@DougStevenson 你在文件夹中放置一些东西是什么意思你能提供一个例子吗?当您说公共时,我想到了使用 create react app 构建的公共文件夹
-
我认为您可能需要非常仔细地查看 Firebase 托管的文档,因为您错过了有关公用文件夹的一些详细信息。它需要包含您要部署的内容。默认情况下,托管不知道您要做什么-您必须清楚。 firebase.google.com/docs/hosting/quickstart
-
@DougStevenson 在我的 .firebasesrc 中,我在“项目”对象中将我的项目作为默认项目我在开始时选择了我的项目
-
这些事情与将内容放在文件夹用户中进行部署无关。您选择了“构建”。现在,您必须删除默认放置在那里的内容,并将内容放在那里以进行部署。
标签: reactjs firebase firebase-hosting