在 firebase 中部署后我的网站没有显示如何解决这个问题

Question

我已经完成所有流程

Firebase 登录
Firebase 初始化
Firebase 部署

现在我终于得到了 link https://testing-37553.firebaseapp.com/ 但是我的网站没有显示，所以我该怎么办。

Answer 1

您看到的是创建新项目时 CLI 创建的默认 index.html 页面。

您应该根据需要调整此 index.html 页面（即通过在您的本地项目目录中修改此页面的 HTML/CSS/JS 代码）并使用 [=14= 重新部署项目]

firebase deploy

或

firebase deploy --only hosting

Answer 2

我遇到了类似的问题，我的应用程序是使用 create react app 构建的。我试图通过 firebase 进行部署，但获得了 firebase 的默认页面，然后我发现我还没有构建我的应用程序，因此 firebase 无法找到我的应用程序 html 文件，因此它试图部署默认页面。

我通过运行 yarn build 解决了它，然后当我执行 firebase init 时选择了 "hosting" 选项。在选择要部署的文件夹而不是 public 这一步之后，我选择了 "build"，这解决了我的问题，我的应用程序得到了托管。希望这对您有所帮助！！

Answer 3

转到您的 firebase.json 文件并确保 "hosting" 下的 'public' 键设置为 "build"，如下所示：

"hosting": {
    "public": "build"
}

当您运行 firebase init 时，它可能默认设置为 "public"。在这种情况下，它看起来像这样：

"hosting": {
    "public": "public"
}

默认的问题是当你运行 npm 运行构建时，React 将你所有的静态资产放在 'build' 目录中，所以这就是你想要指向 firebase 的地方到.

Answer 4

对于 Angular 7+，这是截至 2019 年 8 月对我有用的直接解决方案 只需删除 /dist 文件夹根目录下的 index.html 文件。然后，复制 /dist 文件夹

中 directory(named like your project main project folder's name) 中的所有内容

最后，重新运行 firebase deploy

喜欢！

Answer 5

对于Angular 8.

如果您的项目名称是"ManyuDictionary"。

1)运行 firebase 登录。

2)运行 firebase 初始化并选择：

a) 托管

b) 你想用什么作为你的 public 目录？ dist/ManyuDictionary

c) 配置为单页应用程序（将所有 url 重写为 /index.html）？是的

Firebase 现在会将配置信息写入 firebase.json 和项目 .firebaserc.

的信息

3)运行 ng build --prod.This 将替换 dist/ManyuDictionary.

中的默认 index.html

4)运行 firebase 部署。

这是您的网站 [https://manyudictionary.firebaseapp.com]。

Answer 6

截至 2020 年 9 月 17 日对我有用的解决方案

1- 完成 firebase init 步骤。

2- 将此添加到您的 firebase.json 文件中：

//"public": should be, dist + project name on your computer
//"site": should be the app name which you created on your firebase cloud

{
  "hosting": {
    "public": "dist/your-project-name",
    "site": "firebase-project-name",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

3- ng build --prod

4- firebase 部署

Answer 7

当您键入 firebase init hosting.

时，Firebase 会询问

File dist/your-project/index.html already exists. Overwrite?

按下

NO

你很高兴去！

Answer 8

如果您遵循 firebase 托管步骤，但没有解决您的问题 problem.Then，您可以按照此步骤解决您的问题：

在 netlify 中部署您的项目。
从 netlify 中获取实时项目 link。
转到 firebase > 您的项目 > 托管 > 仪表板。
单击 Add custom domain 按钮。
在输入框中实时粘贴 netlify 项目 link。
单击 Continue 按钮。没关系。

在 firebase 中部署后我的网站没有显示如何解决这个问题

My website is not showing after deploy in firebase how to solve this

firebase

firebase-hosting