angular - NgxAuthFirebaseUIModule 显示 ERROR NullInjectorError: R3InjectorError(AppModule)[ActivatedRoute -> ActivatedRoute -> ActivatedRoute]：

Question

我是 Angular 的新手，并尝试与 Firestore 集成，但在使用 Firestore 身份验证时出现 NullInjectorError R3InjectorError(AppModule)[ActivatedRoute -> ActivatedRoute -> ActivatedRoute]。这是我的代码。提前致谢。

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import {FormsModule} from '@angular/forms'

import { AppComponent } from './app.component';
import { TableComponent } from './table/table.component';
import { IonicModule } from '@ionic/angular';
import { NavbarComponent } from './navbar/navbar.component';
import{NgxAuthFirebaseUIModule }from 'ngx-auth-firebaseui'; 
import { AngularFireModule } from '@angular/fire';

import { environment } from '../environments/environment';
import { AngularFireStorageModule } from '@angular/fire/storage';

@NgModule({
  declarations: [
    AppComponent,
    TableComponent,
    NavbarComponent,
  ],
  imports: [
    BrowserModule,
    FormsModule,
    IonicModule, 
    AngularFireModule.initializeApp(environment.firebase),
    NgxAuthFirebaseUIModule.forRoot(environment.firebase),   
    AngularFireStorageModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

app.component.html

<ngx-auth-firebaseui (onSuccess)="printUser($event)"
(onError)="printError($event)">    
</ngx-auth-firebaseui>

app.component.ts

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  constructor() {
    
  }
  ngOnInit(): void {
    
  }
  printUser(event) {
    console.log(event);
  }

  printError(event) {
   console.error(event);
  }
}

控制台错误图像

标签： angularfirebasegoogle-cloud-firestorefirebase-security

Answer 1

您缺少Angular 文档和AngularFire 入门import { NgModule } from '@angular/core';中所示的导入。