"Firebase Hosting Setup Complete" 部署后

Question

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

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

以下是设置的屏幕截图： enter image description here

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>

"Firebase Hosting Setup Complete" 部署后

"Firebase Hosting Setup Complete" after deploy

firebase

reactjs