Неожиданное значение AngularFireAuth, импортированное модулем AppModule. Пожалуйста, добавьте аннотацию @NgModule при удалении неиспользуемой страницы - PullRequest
Новая
       21

Неожиданное значение AngularFireAuth, импортированное модулем AppModule. Пожалуйста, добавьте аннотацию @NgModule при удалении неиспользуемой страницы

0 голосов
/ 07 ноября 2019

Все было идеально. Я просто удалил неиспользуемую страницу из проекта, но затем появилась ошибка. Понятия не имею, где его найти. это просто случайная ошибка, я получил.

Я импортировал AngularFireAuthNodule, но все равно выдает ту же ошибку.

App.module.ts 

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

import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';

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

import { AngularFireModule } from '@angular/fire'; //To initialize firebaseconfig
import { AngularFireAuth } from '@angular/fire/auth';
import { AngularFirestore } from '@angular/fire/firestore';


const firebaseConfig = {
  apiKey: "AIzaSyCk6-Ni2B15MgeYQI-N4AUBU4SNosL16Xc",
  authDomain: "msuapp-a559c.firebaseapp.com",
  databaseURL: "https://msuapp-a559c.firebaseio.com",
  projectId: "msuapp-a559c",
  storageBucket: "msuapp-a559c.appspot.com",
  messagingSenderId: "754024625194",
  appId: "1:754024625194:web:1a67567f9aebee4f3fbf53",
  measurementId: "G-GCBL53SM94"
};
@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [
    BrowserModule,
    IonicModule.forRoot(),
    AppRoutingModule,
    AngularFireModule.initializeApp(firebaseConfig),
    AngularFireAuth,
    AngularFirestore
  ],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

app.component.ts

import { Component } from '@angular/core';

import { Platform } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.scss']
})
export class AppComponent {
  public appPages = [
    {
      title: 'Home',
      url: '/home',
      icon: 'home'
    },
    {
      title: 'List',
      url: '/list',
      icon: 'list'
    }
  ];

  constructor(
    private platform: Platform,
    private splashScreen: SplashScreen,
    private statusBar: StatusBar
  ) {
    this.initializeApp();
  }

  initializeApp() {
    this.platform.ready().then(() => {
      this.statusBar.styleDefault();
      this.splashScreen.hide();
    });
  }
}

в чем может быть причина? Даже когда я сделал резервную копию в github, когда его клонирование выдает мне ту же ошибку.

1 Ответ

1 голос
/ 07 ноября 2019

Я думаю, что вы импортировали не те модули в свой модуль.

Согласно документам: https://github.com/angular/angularfire/blob/master/docs/install-and-setup.md

Вам необходимо импортировать 

AngularFireAuthModule,
AngularFirestoreModule

вместо 

// The services you inject into your constructor
AngularFireAuth,
AngularFirestore
...