Firebase Firestore 不适用于 Angular 通用

Question

我正在尝试在 Angular 上使用服务器端渲染，按照 https://angular.io/guide/universal 的说明进行操作。

在第 5 步，当尝试运行 npm 运行 build:ssr && npm 运行 serve:ssr 我得到这样的错误：

TypeError: Cannot read property 'stringify' of undefined
at Object.<anonymous> (/.../dist/server.js:162338:308)
at __webpack_require__ (/.../dist/server.js:20:30)

看了那一行后，我发现它来自：

node_modules/@firebase/webchannel-wrapper/dist -> index.js 和 index.esm.js
node_modules/firebase/firebase-firestore.js.map

我尝试使用 firebase 5.6.0 和最新版本 5.7.2，但仍然出现相同的错误。

这是关于我的项目的更多信息：angular 6，firebase 5.6.0，angular cli 6.1.0

请问您有没有遇到同样的问题或者有什么解决的建议？

更新 - 尝试从我的项目中删除 firebase 后，它可以构建并且可以正常工作。

Answer 1

谁遇到过类似的问题，请看一下这个link以获得详细的答案。

基本上，这个 link 中的说明似乎没有更新，因为提供的 repo 中的代码非常不同，更重要的是它甚至可以与 firestore 一起使用。

我确实克隆了存储库，然后尝试在其上添加 firestore，一切正常。因此，现在您有两个选择：按照说明进行操作，并在上面给定的 link 上应用来自@Feiyang1 的修复程序，或者只是克隆 repo 并检查他们实现 SSR 的方式。

Firebase Firestore 不适用于 Angular 通用

Firebase firestore not working with Angular universal

firebase

angular-universal

angular