Flutter Web 应用程序不会部署到 Firebase 托管

Question

我的 Flutter 应用程序在 Chrome（网络）模拟器和运行本地服务器上看起来很棒。

我导航到这个目录：

Users/TDK/StudioProjects/kabbalah/build/web/

我安装了 Firebase CLI 工具，然后运行

firebase init hosting

我不确定这个问题：

? Configure as a single-page app (rewrite all urls to /index.html)? (y/N)

我回复了y。回复是

✔  Firebase initialization complete!

那我运行

firebase deploy --only hosting

响应是

✔  Deploy complete!

Project Console: https://console.firebase.google.com/project/kabbalah-numerology/overview
Hosting URL: https://kabbalah-numerology.web.app

当我转到项目控制台时，我看到了

Deployed

当我转到 https://kabbalah-numerology.web.app 时，我看到了这个屏幕：

我不应该看到我的网络应用程序吗？我是从错误的目录部署的吗？

我打开 Safari 来检查 Chrome 是否在缓存旧网页，但我得到的是相同的屏幕。

我把这个代码块放到了index.html。没有区别。

<body>
<script>
// Import the functions you need from the SDKs you need
import { initializeApp } from "firebase/app";
import { getAnalytics } from "firebase/analytics";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries

// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
  apiKey: "my-super-secret-key",
  authDomain: "kabbalah-numerology.firebaseapp.com",
  projectId: "kabbalah-numerology",
  storageBucket: "kabbalah-numerology.appspot.com",
  messagingSenderId: "my-sending-id",
  appId: "my-app-id",
  measurementId: "my-measurement-id"
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
</script>
</body>

Answer 1

检查 firebase.json 文件，它控制您的主机设置。最有可能的是 public 文件夹指向了错误的位置。

我通常在我项目的根目录中运行 firebase init，然后在firebase.json中指向public到flutter web构建的输出。

Flutter Web 应用程序不会部署到 Firebase 托管

Flutter web app won't deploy to Firebase hosting

firebase-hosting

flutter-web