在SSR应用程序中从Firestore获取数据时出现“app.firestore不是函数”

Question

我目前在 youtube 上关注了有关具有 firebase 功能的 SSR 的视频。这似乎很完美。现在我正在尝试向我的 ssr 样板应用程序添加一些附加功能。我想添加 Firebase firestore 支持，以便我可以从 firebase firestore 获取数据。我收到此错误ERROR { Error: Uncaught (in promise): TypeError: app.firestore is not a function，并且这只发生在函数（服务器）中。在前端检索数据，但由于功能（服务器）错误，SSR 部分无法工作。我似乎找不到任何解决方案。我的代码可以在这里查看：Github_Repository

我看不出我在这里缺少什么，希望发布这个问题会有所帮助。

谢谢。

Answer 1

在 angular.json 文件中使用 externalDependency = [ "@firebase/app", "@firebase/firestore" ]

下面是代码。

"server": {
      "builder": "@angular-devkit/build-angular:server",
      "options": {
        "outputPath": "dist/market-web/server",
        "main": "server.ts",
        "tsConfig": "tsconfig.server.json",
        "externalDependencies": [
          "@firebase/app",
          "@firebase/firestore"
        ]
      },
  .....