Question

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

我使用pub run build_runner build --output build命令构建了我的应用程序。
我启动了命令firebase init并将web文件夹设置为公用文件夹。
我使用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”。
您是否在<base href>设置了index.html？如果是，那么href值？
您写道，当您为您服务时，您只会看到“正在加载...”。然后打开JavaScript控制台。你看到有任何错误信息吗？

AngularDart 5和Firebase部署

1 个答案: