部署后“Firebase 托管设置完成”

Question

我已经尝试解决这个问题 2 天了，但我还找不到可行的解决方案:(

我正在将我的 React 单页应用程序部署到 Firebase 托管上，但在部署后我得到了这个著名的页面“Firebase 托管设置完成”。 我尝试从 public 和 build 文件夹中的 index.html 进行部署，但它们都不起作用。 看起来我在初始化后没有在我的项目中创建 firebase.json 或 firebaserc 文件。 会不会是这个原因？

以下是设置的屏幕截图：在此处输入图像描述

Answer 1

我找到了解决方案。 我实际上是在我的项目 /users/maxime 而不是 /users/maxime/projectname 之外运行命令！

Answer 2

在此代码上更新您的 index.html 文件，然后命令npm run build然后firebase deploy它将正常工作。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="Web site created using create-react-app"
    />
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
    <!--
      manifest.json provides metadata used when your web app is installed on a
      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
    -->
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <!--
      Notice the use of %PUBLIC_URL% in the tags above.
      It will be replaced with the URL of the `public` folder during the build.
      Only files inside the `public` folder can be referenced from the HTML.

      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
      work correctly both with client-side routing and a non-root public URL.
      Learn how to configure a non-root public URL by running `npm run build`.
    -->
    <title>React App</title>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
    <!--
      This HTML file is a template.
      If you open it directly in the browser, you will see an empty page.

      You can add webfonts, meta tags, or analytics to this file.
      The build step will place the bundled scripts into the <body> tag.

      To begin the development, run `npm start` or `yarn start`.
      To create a production bundle, use `npm run build` or `yarn build`.
    -->
  </body>
</html>

Answer 3

请确保项目构建正确完成。

构建时firebase init有时无法正常工作。

所以在 firebase firebase deploy之前手动运行构建命令（例如： npm run build ）

部署后“Firebase 托管设置完成”

问题描述

3 个解决方案

解决方案1
1 已采纳 2022-04-15 13:06:04

解决方案2
0 2022-05-08 15:23:19

解决方案3
0 2022-12-16 10:35:47

部署后“Firebase 托管设置完成”

问题描述

3 个解决方案

解决方案1 1 已采纳 2022-04-15 13:06:04

解决方案2 0 2022-05-08 15:23:19

解决方案3 0 2022-12-16 10:35:47

解决方案1
1 已采纳 2022-04-15 13:06:04

解决方案2
0 2022-05-08 15:23:19

解决方案3
0 2022-12-16 10:35:47