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

Question

我已完成所有流程

现在终于我得到了一个链接https://testing-37553.firebaseapp.com/ 但我的网站没有显示所以我应该怎么做。

Answer 1

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

你应该index.html按照你的意愿调整这个页面（即通过修改这个页面的 HTML/CSS/JS 代码，在你的本地项目目录中）并重新部署项目

firebase deploy

或者

firebase deploy --only hosting

Answer 2

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

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

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

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

默认的问题是当你运行 npm run build 时，React 将你所有的静态资产放在“build”目录中，所以这是你想要将 firebase 指向的地方。

Answer 3

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

我通过运行yarn build解决了这个问题，然后当我执行 firebase init 选择“托管”选项时。在此步骤之后，在选择要部署的文件夹而不是公共文件夹时，我选择了“构建”，这解决了我的问题，并且我的应用程序被托管。希望这可以帮助！！