Ionic3 staticInjectorError

Question

Мне нужна помощь по поводу ошибки статического инжектора в ionic3 и firebase.

Моя проблема заключается в использовании 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
  ]
})

что я должен сделать, чтобы исправить эту ошибку?

Answer 1

Я решил проблему с модулем.ts (не app.module.ts). Когда вы создаете страницу, сделайте это без модуля. Если есть модуль страницы, он выдает эту ошибку

Answer 2

import { firebase } from 'firebase';

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

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

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