Firebase部署显示没有应用内容的欢迎屏幕

Question

我克隆了一个快速启动的角度应用程序。 我运行firebase init和firebase deploy， 和输出显示部署成功。我导航到url，但它只显示欢迎屏幕。为什么我看不到我的内容？

Answer 1

我克隆的repo没有将index.html文件放在/dist目录中。 欢迎屏幕是firebase创建的默认index.html。

Answer 2

运行后：firebase初始化 几乎没有问题会被询问并回复（以粗体显示），如下所示：

1. 您准备好进行了吗？ ：是
2. 您要为此文件夹设置哪些Firebase CLI功能？按空格键选择功能，然后按Enter确认选择。 ：托管：配置和部署Firebase托管站点

===项目设置

1. 为此目录选择默认的Firebase项目：您的firebase项目名称

===托管设置

1. 您要将什么用作公用目录？ dist
2. 配置为单页应用程序（将所有URL重写为/index.html）？ 否
3. 文件dist / 404.html已存在。覆盖？ 否
4. 文件dist / index.html已存在。覆盖？ 否

----- Firebase初始化完成！-----

现在使用以下命令重新运行您的应用程序： ng构建（提示步骤）

----部署----

firebase部署

Answer 3

I jsut had this issue, its because I ran a build and then firebase init which caused the /build/index.html file to be overriten.

After you init the firebase project just rerun the build and then deploy.

Answer 4

如果您运行 build 然后执行 firebase init 就没有问题。

部署后，如果您看到欢迎屏幕。在做任何事情之前，请等待一段时间并刷新页面。它对我有用

Answer 5

不要忘记在firebase deploy之前再次重建您的应用程序。您的dist文件夹应与firebase init期间设置为公用文件夹的文件夹名称相同。

Answer 6

我在使用Firebase部署的React应用程序中遇到了同样的问题，以解决上述问题，如第一个答案中所述，在成功运行firebase init之后和运行firebase deploy命令之前重新生成您的应用程序。然后部署您的应用程序。

如果是第一次，那么您会看到带有托管文档的欢迎屏幕。然后等待约15至20分钟，然后打开应用程序URL。它正在运行

Answer 7

更新firebase.json文件

 "hosting": {
    "public": "dist/your-app-name"

例如：我的应用程序名称是“ DataView”，看起来像是Firebase配置文件：

 "hosting": {
    "public": "dist/DataView",

Answer 8

Angular 项目不是直接在 /dist 中构建的。它们通常像 /dist/your-project-name

一样构建

因此，当您 firebase init 并被要求提供 What do you want to use as your public directory? 时，请提供 /dist/your-project-name 而不是仅 /dist

如果 /dist/your-project-name 文件夹真的有你的项目，那么它肯定会问你 File dist/your-project-name/index.html already exists. Overwrite?，你说 no

如果它没有询问您关于覆盖的问题，则意味着您在上面提供的 public 地址不正确，或者您可能尚未使用 ng build 命令构建您的项目。

Answer 9

出现这个问题是因为您覆盖了 index.html 文件，现在该文件不再是之前的文件。

我按照 this 文章修复了这个欢迎屏幕错误。您可以通过在初始化 firebase 和部署应用程序后删除所有由 firebase 创建的东西，然后再次初始化和部署应用程序来解决这个问题！但是在删除应用程序中的任何文件时要小心，因为您可能会丢失一些无法恢复的重要代码。因此，请按照给定文章中提到的步骤快速解决您的问题，并了解要删除哪些文件和文件夹以及如何恢复它们。快乐编码！！

Answer 10

刷新页面即可。如果您已正确部署您的项目。它只是刷新的问题，这将显示您的内容。 ?