ionic3 - Ionic3 staticInjectorError

Question

我需要一些有关 ionic3 和 firebase 中的 staticinjector 错误的帮助。

我的问题是在页面构造函数中使用 AngularFireAuth。像这样;

constructor(private windowSvc: WindowService,
public navCtrl: NavController,
public navParams: NavParams,
private autSvc: AuthenticationService,
private userSvc: UserService,
private angAuth: AngularFireAuth)

当我在构造函数中使用 angularfireAuth 时，我总是收到以下错误消息：

ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[FirebaseApp -> InjectionToken FirebaseAppConfigToken]: 
  StaticInjectorError(Platform: core)[FirebaseApp -> InjectionToken FirebaseAppConfigToken]: 
    NullInjectorError: No provider for InjectionToken FirebaseAppConfigToken!
Error: StaticInjectorError(AppModule)[FirebaseApp -> InjectionToken FirebaseAppConfigToken]: 
  StaticInjectorError(Platform: core)[FirebaseApp -> InjectionToken FirebaseAppConfigToken]: 
    NullInjectorError: No provider for InjectionToken FirebaseAppConfigToken!
    at _NullInjector.get (core.js:1003)
    at resolveToken (core.js:1301)
    at tryResolveToken (core.js:1243)
    at StaticInjector.get (core.js:1111)
    at resolveToken (core.js:1301)
    at tryResolveToken (core.js:1243)
    at StaticInjector.get (core.js:1111)
    at resolveNgModuleDep (core.js:10896)
    at _callFactory (core.js:10960)
    at _createProviderInstance$1 (core.js:10910)
    at _NullInjector.get (core.js:1003)
    at resolveToken (core.js:1301)
    at tryResolveToken (core.js:1243)
    at StaticInjector.get (core.js:1111)
    at resolveToken (core.js:1301)
    at tryResolveToken (core.js:1243)
    at StaticInjector.get (core.js:1111)
    at resolveNgModuleDep (core.js:10896)
    at _callFactory (core.js:10960)
    at _createProviderInstance$1 (core.js:10910)
    at c (polyfills.js:3)
    at Object.reject (polyfills.js:3)
    at NavControllerBase._fireError (nav-controller-base.js:223)
    at NavControllerBase._failed (nav-controller-base.js:216)
    at nav-controller-base.js:263
    at t.invoke (polyfills.js:3)
    at Object.onInvoke (core.js:4760)
    at t.invoke (polyfills.js:3)
    at r.run (polyfills.js:3)
    at polyfills.js:3
defaultErrorLogger @ core.js:1449

App.Module.ts：

@NgModule({
  imports: [
    BrMaskerModule,
    BrowserModule,
    IonicModule.forRoot(MyApp),
    AngularFireAuthModule, 
    AngularFireDatabaseModule
  ],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: ErrorHandler, useClass: IonicErrorHandler },
    AuthenticationService,
    UserService,
    WindowService,
    AngularFireAuth
  ]
})

我应该怎么做才能解决这个错误？

标签： ionic3

Answer 1

import { firebase } from 'firebase';

....
....
....
.

providers: [firebase]
....
....

Look your file u use ` import firebase from 'firebase'` like this. please change it