如何在 Firebase 主机上托管 Flutter Web（蜂鸟）

Question

我创建了一个 flutter web 项目并在本地主机上运行良好。所以我计划在 firebase 中托管该网站。我按照它成功部署的命令进行操作，但它在控制台中仅显示黑屏并显示错误消息。

错误：

加载源“https://myportfolioflutterweb.firebaseapp.com/web/main.dart.js”失败。 SyntaxError: 预期的表达式，得到 '<'[了解更多]

我的项目结构：

firebase.json :

{
  "hosting": {
    "public": "public",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "redirects": [
    {
      "source": "/",
      "destination": "/web/index.html",
      "type": 302
    }
  ]
  }
}

命令：

注意：当我将 public 目录作为 public 文件夹时，它会创建 index.html。我手动删除了文件并导航到路径 web/index.html

Answer 1

最后，我解决了这个问题。我在 firebase 托管的 public 文件夹中导航错误的路径。要首先部署 flutter web，我需要使用以下命令构建项目

建造

webdev build

在我构建项目之后它在项目中创建了一个构建文件夹在我 public 路径作为 root 之前，但正确的路径是 build

正确路径：

 What do you want to use as your public directory? build

我在下面附上了 firebase 托管部署的完整命令，

如何在 Firebase 主机上托管 Flutter Web（蜂鸟）

How to host Flutter Web (Hummingbird) on Firebase Hosting

firebase-hosting

flutter

flutter-web