导入AngularFirestore-NullInjectorError:InjectionToken angularfire2.app.options没有提供程序

我正在尝试从firebase firestore获取数据。我想使用{AngularFirestore}。 我得到的错误如下。

NullInjectorError:R3InjectorError（聊天室页面模块）[AngularFirestore->InjectionToken angularfire2.app.options->InjectionToken angularfire2.app.options->InjectionToken angularfire2.app.options->InjectionToken angularfire2.app.options]： NullInjectorError:InjectionToken angularfire2.app.options没有提供程序！ NullInjectorError:R3InjectorError（聊天室页面模块）[AngularFirestore->InjectionToken angularfire2.app.options->InjectionToken angularfire2.app.options->InjectionToken angularfire2.app.options->InjectionToken angularfire2.app.options]： NullInjectorError:InjectionToken angularfire2.app.options没有提供程序`

下面是我的聊天室。page.ts.

从'@angular/core'导入{Component，OnInit}；
从'@angular/fire/firestore'导入{AngularFirestoreModule}；
从'@angular/fire/firestore'导入{AngularFirestore}；
从“firebase”导入*作为firebase；
从'@angular/Router'导入{Router}；
从'@ionic/angular'导入{AlertController}；
从“angularfire2/database”导入{AngularFireDatabase}；
@组成部分({
选择器：“应用程序聊天室”，
templateUrl:'./chat-room.page.html'，
样式URL:['./聊天室.page.scss']，
})
导出类聊天室页面实现OnInit{
文本：字符串；
我：弦；
你：弦；
chatRef：任何；
userid:string；
大小：数量；
指标：数量；
user1：字符串；
user2：字符串；
编号：编号；
tmpid：字符串；
tmpYou：字符串；
currentU：字符串；
chatnum：数字；
建造师(
公共ATRCRL:AlertController，
公共路由器：路由器，
公共数据库：AngularFireDatabase，
公共财政司司长：AngularFirestore
) { 
this.chatRef=fs.collection（'chats'，ref=>ref.orderBy（'Timestamp'））.valueChanges（）；
}

下面是我的app.module.ts.

从'@angular/core'导入{NgModule}；
从“@angular/platform browser”导入{BrowserModule}；
从'@angular/router'导入{RouterUseStrategy}；
从'@ionic/angular'导入{IonicModule，IonicRouteStrategy}；
从“./app routing.module”导入{AppRoutingModule}；
从“./app.component”导入{AppComponent}；
从'angularfire2'导入{AngularFireModule}；
从“angularfire2/database”导入{AngularFireDatabaseModule}；
从'angularfire2/auth'导入{AngularFireAuthModule}；
从“angularfire2/storage”导入{AngularFireStorageModule}；
从“./environment”导入{FIREBASE_CONFIG}
从'@angular/fire/firestore'导入{AngularFirestoreModule}；
从'@angular/fire/firestore'导入{AngularFirestore}；
@NGD模块({
声明：[
应用组件
],
入口组件：[]，
进口：[
浏览器模块，
IonicModule.forRoot（），
批准模块，
Angular模块，
AngularFireStorageModule，
AngularFireModule.initializeApp（FIREBASE_配置），
AngularFireDatabaseModule，
角形存储模块
],
供应商：[
安古拉火炉店，
{提供：RouterUseStrategy，useClass:IonicRouteStrategy}
],
引导：[AppComponent]，
})
导出类AppModule{}

下面是我的聊天室页面.module.ts

从'@angular/core'导入{NgModule}；
从“@angular/common”导入{CommonModule}；
从'@angular/forms'导入{FormsModule}；
从'@ionic/angular'导入{IonicModule}；
从“./chat-room routing.module”导入{ChatRoomPageRoutingModule}；
从“./chat-room.page”导入{ChatRoomPage}；
从'@angular/fire/firestore'导入{AngularFirestore}；
@NGD模块({
进口：[
公共模块，
FormsModule，
离子模块，
聊天室页面路由模块
],
声明：[聊天室页面]，
提供者：[AngularFirestore]
})
导出类ChatRoomPageModule{}

如何解决此错误？我导入AngularFirestore，并在app.module上设置了提供程序，但它不起作用