AngularDart 5 和 Firebase 部署

Question

我正在尝试将我的 AngularDart 5 网络应用程序部署到 Firebase。这些是我遵循的步骤：

1. 我使用命令pub run build_runner build --output build 构建了我的应用程序。
2. 我启动了命令firebase init 并将web 文件夹设置为公用文件夹。
3. 我使用命令firebase deploy 部署了我的网络应用程序。

⚠问题是当我打开网站时，我发现只有一个空白页面。

❔我做错了什么？

谢谢！

---

是的，我仍然有这个问题。我firebase.json的内容是：

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

我不知道它是否有帮助，但我的 pubspec.yaml 文件是：

name: angular_app
description: Angular App
version: 0.0.1

environment:
  sdk: '>=2.0.0-dev.63.0 <2.0.0'

dependencies:
  sass_builder: ^2.0.2
  angular: ^5.0.0-alpha+15
  angular_forms: ^2.0.0-alpha+7
  angular_router: ^2.0.0-alpha+14

dev_dependencies:
  angular_test: ^2.0.0-alpha+13
  build_runner: ^0.8.9
  build_test: ^0.10.2+5
  build_web_compilers: ^0.4.0+4
  test: ^1.0.0

当我在 firebase 上部署或使用 firebase serve 提供应用程序时，我只看到“正在加载...”。

感谢您的帮助！

Answer 1

• 在您的第 3 步中，您需要使用 firebase deploy 来部署而不是发布。
• 在您的firebase.json 文件中，上面显示的hosting.public 条目只是"web"，但您的构建输出目录是“build”。该条目可能应该是“build/web”。
• 您是否在您的index.html 中设置<base href>？如果是这样，href 的价值是什么？
• 您写道，当您发球时，您只会看到“加载中...”。然后打开 JavaScript 控制台。您是否看到任何错误消息？