在 Firebase 中部署 Angular 8 应用程序的空白页面

Question

我不明白为什么，我的 Angular Web 应用程序在本地运行良好，但是当我将它部署到 Firebase 托管时，它只显示一个空白页面。 在控制台中应用程序的根文件夹中，我写道：

ng build --prod

它创建了一个名为“dist”的地毯，并在 dist 内创建了另一个名为 myproject 的地毯，其中包含所有文件

现在，我在终端中执行

firebase init

然后，我选择 Hosting 和 Database，然后选择我在 firebase 中的项目，然后它会询问我我想使用哪个数据库规则文件 我让 default 然后 我想用作公共目录的内容 然后我写 dist/myproject bc 文件在 myproject 文件夹里面就像我之前所说的那样。

然后，因为它是一个有角度的应用程序，当它问我 你想配置为单页应用程序时，我说 是（我试过没有，它也不行）。

最后，当它询问 你是否要覆盖 index.html 我说 no 然后它就结束了。

firebase.json 看起来像这样：

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

我终于做到了

firebase deploy

正如我所说，它“成功”地部署了我的应用程序，但是当我进入时它只是一个白页。我不知道它可能是什么，有人可以帮助我吗？

干杯！

Answer 1

我在 Firebase Hosting 上托管了一些 Angular SPA，您只需执行所谓的“提前”编译即可使其正常工作。但首先检查：

1. 您的浏览器控制台中是否有任何错误消息？
2. 当您查看页面源时，它是空白的还是您的应用的 index.html 在那里？

如果您回答“否”和“是”，请尝试使用 AOT 进行编译并重新部署： ng build --prod --aot