Angular(5) Firebase 部署问题答案

【问题标题】：Angular(5) Firebase Deployment IssueAngular(5) Firebase 部署问题
【发布时间】：2018-05-31 19:09:38
【问题描述】：

我正在尝试将 Angular5/Firebase 应用程序部署到 Firebase。 Firebase-CLI 部署过程中的所有步骤似乎都很好。主页在部署的站点上工作。（这是我们的欢迎控制器）。但是，这些链接都不起作用。当我尝试导航到站点上的子页面时，浏览器会显示此内容。

在 CLI 部署过程中。我回答了这个

“你想用什么作为你的公共目录？”

与

“距离”

这是我的 firebase.json

{
  "database": {
    "rules": "database.rules.json"
  },
  "firestore": {
    "rules": "firestore.rules",
    "indexes": "firestore.indexes.json"
  },
  "hosting": {
    "public": "dist",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  },
  "storage": {
    "rules": "storage.rules"
  },
  "functions": {
    "predeploy": [
      "npm --prefix \"$RESOURCE_DIR\" run lint",
      "npm --prefix \"$RESOURCE_DIR\" run build"
    ]
  }
}

这是链接

https://west-oaks-fe502.firebaseapp.com/

【问题讨论】：

部署前有没有构建？
你的 dist 目录里有什么？ Angular CLI 将默认为 dist/project_name 在这种情况下，您应该将其放入 firebase.json

标签： javascript angular firebase google-cloud-firestore

【解决方案1】：

在 Firebase-CLI 部署过程中，这个问题

“配置为单页应用程序？”

应该是

“是”

【讨论】：