Question

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

ng build --prod

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

现在，在终端中我执行

firebase init

然后，我选择 Hosting 和 Database ，然后在Firebase中选择我的项目，然后它问我我要使用的数据库规则文件 >我先设置默认，然后再设置我要用作公共目录的内容，然后将 dist / myproject 写入BC，这些文件位于myproject文件夹内就像我之前说的那样。

然后，因为它是一个有角度的应用程序，当它问我您要配置为单页应用程序时，我说是（我尝试了否，也不起作用）。

最后，当问到您要覆盖index.html 时，我说否，就结束了。

firebase.json看起来像这样：

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

最后我愿意

firebase deploy

发生我说的话，它“成功”部署了我的应用程序，但是当我输入时，它只是一个白页。我不知道那会是什么，有人可以帮助我吗？

干杯！

Answer 1

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

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

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

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

1 个答案: