好吧,我刚刚开始使用 Angular Firebase,我已经挠头两天了。大多数教程主要针对旧版本的 firebase
这是我将身份验证服务注入组件时收到的错误
Uncaught (in promise): NullInjectorError: R3InjectorError(AppModule)[LoginService -> AngularFireAuth -> InjectionToken angularfire2.app.options -> InjectionToken angularfire2.app.options -> InjectionToken angularfire2.app.options]:
NullInjectorError: No provider for InjectionToken angularfire2.app.options!
NullInjectorError: R3InjectorError(AppModule)[LoginService -> AngularFireAuth -> InjectionToken angularfire2.app.options -> InjectionToken angularfire2.app.options -> InjectionToken angularfire2.app.options]:
NullInjectorError: No provider for InjectionToken angularfire2.app.options!
Run Code Online (Sandbox Code Playgroud)
到目前为止,以下链接没有帮助
应用程序模块.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { LoginService } …Run Code Online (Sandbox Code Playgroud) 它发生在我第一次编译我的项目时。
显示这个问题:
Module '".../node_modules/@angular/fire/firestore/angular-fire-firestore"' has no exported member 'FirestoreSettingsToken'
Run Code Online (Sandbox Code Playgroud)
我的app.module.ts文件:
import { NgModule } from '@angular/core';
...
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { AngularFireModule } from '@angular/fire';
import { environment } from '../environments/environment';
import { AngularFirestoreModule, FirestoreSettingsToken } from '@angular/fire/firestore';
@NgModule({
declarations: [AppComponent],
entryComponents: [],
imports: [
...
AngularFireModule.initializeApp(environment.firebaseConfig),
AngularFirestoreModule,
],
Run Code Online (Sandbox Code Playgroud)
与供应商:
{provide: FirestoreSettingsToken, useValue: { }}
Run Code Online (Sandbox Code Playgroud)
我的工具:
Firestore: 8.0.2
Angular, Firebase, npm: 6.13.4
Run Code Online (Sandbox Code Playgroud) 我一直试图解决这个错误一段时间.错误读取Can't resolve all parameters for AngularFirestore: ([object Object], ?).有没有其他人有这个问题,你怎么能解决这个问题.我已经阅读了文档,但我无法理解这个问题.
import { Component } from '@angular/core';
import { AngularFirestore } from 'angularfire2/firestore';
import { AngularFireDatabase } from 'angularfire2/database';
import { Observable } from 'rxjs/Observable';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css'],
providers: [AngularFirestore, AngularFireDatabase]
})
export class AppComponent {
items: Observable<any[]>;
constructor(db: AngularFirestore, adb: AngularFireDatabase) {
this.items = db.collection('0').valueChanges();
console.log(this.items)
}
}
Run Code Online (Sandbox Code Playgroud)
的package.json
"angularfire2": "^5.0.0-rc.3",
"firebase": "^4.6.0",
Run Code Online (Sandbox Code Playgroud) firebase firebase-realtime-database angular google-cloud-firestore