node.js - Firebase Firestore 不适用于 Angular 10 和 SSR 或预渲染

Question

当我尝试使用 angular 10 构建新项目时，仅添加从 @angular/fire/firestore 模块导入 AngularFireModule 无法构建为预渲染或使用 build:ssr 命令。

 "dependencies": {
"@angular/animations": "~10.0.2",
"@angular/common": "~10.0.2",
"@angular/compiler": "~10.0.2",
"@angular/core": "~10.0.2",
"@angular/fire": "^6.0.2",
"@angular/forms": "~10.0.2",
"@angular/platform-browser": "~10.0.2",
"@angular/platform-browser-dynamic": "~10.0.2",
"@angular/platform-server": "~10.0.2",
"@angular/router": "~10.0.2",
"@nguniversal/express-engine": "^10.0.1",
"express": "^4.15.2",
"firebase": "^7.16.0",
"rxjs": "~6.5.5",
"tslib": "^2.0.0",
"zone.js": "~0.10.3"

在 app.module.ts 中

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

import { AngularFireModule } from '@angular/fire';
import { AngularFirestoreModule } from '@angular/fire/firestore';
import { AngularFireStorageModule } from '@angular/fire/storage';
import { AngularFireAuthModule } from '@angular/fire/auth';
import { AboutComponent } from './about/about.component';
import { environment } from 'src/environments/environment';

@NgModule({
  declarations: [AppComponent, AboutComponent],
  imports: [
    BrowserModule.withServerTransition({ appId: 'serverApp' }),
    AppRoutingModule,
    AngularFireModule.initializeApp(environment.firebaseConfig),
    AngularFireAuthModule, 
    AngularFireStorageModule, 
    //this module failed to build
    //   AngularFirestoreModule, 
  ],
  providers: [],
  bootstrap: [AppComponent],
})

错误信息:

ERROR in ./node_modules/@grpc/grpc-js/build/src/channel-credentials.js Module not found: Error: Can't resolve 'google-auth-library' in 'C:........\monApp\node_modules@grpc\grpc-js\build\src'

好像 grpc 模块有问题， Angular 为 10...

Answer 1

我希望您在提出这个问题后找到了解决方案。

遇到同样的问题我做了什么？只需安装包 google-auth-library :

npm install google-auth-library --save

然后，应该就OK了。

PS:我不知道这个问题的根本原因，但我知道这个解决方法有效。