AngularDart 5 和 Firebase 部署

Question

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

我使用命令 pub run build_runner build --output build 构建了我的应用程序。
我启动了命令 firebase init 并将 web 文件夹设置为 public 文件夹。
我使用命令 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 控制台。您看到任何错误消息了吗？

AngularDart 5 和 Firebase 部署

AngularDart 5 and Firebase deployment

dart

firebase

angular-dart