Firebase 托管未显示

Question

我正在使用 Firebase Hosting 托管一个 Flutter Web 项目。

我做了

firebase init

，然后

firebase deploy

，但我的托管网站看起来像这样：

我想你在托管时也遇到过这种错误。

Answer 1

回答我自己的问题，因为我没有找到对我有帮助的答案。所以我找到了出路。

完成

firebase init

并根据您的选择选择一些选项后，firebase 创建一个 firebase.json 文件，如下所示：

{
  "hosting": {
    "public": "public",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  }
}

如果您在此处执行

firebase deploy

，您将看到与问题中所示相同的网站。

您可以采取以下措施来避免这种情况。

• 第1步：

  flutter clean

  然后

  flutter pub get

• 第 2 步：使用 HTML 或 Canvaskit Web 渲染器
构建您的应用程序

flutter build web --web-renderer html --release

（更快的下载速度）OR

flutter build web --web-renderer canvaskit --release

（为了流畅的性能）

flutter build web --release

也可以...

• 第三步：

  firebase init

• STEP4：现在，在执行

  firebase deploy

  之前，请确保将“public”目录更改为“build/web”，如下所示，因为这是 web flutter 已构建的。

{
  "hosting": {
    "public": "build/web",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  }
}

希望这个回答对您有所帮助。和平✌