angular - 模块“AppModule”导入的意外值“AngularFireAuth”。请在删除未使用的页面时添加@NgModule 注释
问题描述
一切都很完美。我刚刚从项目中删除了未使用的页面,但随后弹出错误。不知道在哪里找到它。这只是随机错误,我明白了。
我已经导入了 AngularFireAuthNodule 但仍然给出了同样的错误。
应用模块.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 中备份了它,但在克隆时它给了我同样的错误。
解决方案
我认为您在模块中导入了错误的模块。
根据文档: https ://github.com/angular/angularfire/blob/master/docs/install-and-setup.md
您需要导入
AngularFireAuthModule,
AngularFirestoreModule
安装的
// The services you inject into your constructor
AngularFireAuth,
AngularFirestore
推荐阅读
- javascript - 在反应代码中导入库会引发编译错误
- javascript - 条件渲染反应路由器dom
- authentication - 在 ASP.net MVC Core 的 Cookie 中使用 jwt 自动登录
- python-3.x - 错误:找不到满足要求的版本 torch==1.2.0(来自 cdqa)
- mongodb - MongoDB - 尽管使用了索引,但 count() 花费的时间太长
- javascript - 如何过滤特定关键字后的 5 个字母字符串并使用 Javascript 作为数组返回?
- java - 按下按钮时JFrame程序冻结
- c# - ActiveDirectory C# - 获取组中的所有成员
- android - RequiresApi 不发出警告
- c++ - 静态类中的向量