使用AngularFire与Firebase开发Angular应用时遇AngularFirstore未定义错误

嘿，你遇到的这个错误完全是拼写失误导致的！控制台里的AngularFirstore是个不存在的对象——正确的名称应该是AngularFirestore（注意是Firestore，不是Firstore）。

具体修正步骤： #

• 先检查你的app.module.ts里的所有相关代码，把写错的AngularFirstore替换成AngularFirestore
• 确保你正确导入了Firestore对应的模块和服务

修正后的app.module.ts示例代码： #

import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";
import { AppComponent } from "./app.component";
import { AngularFireModule } from "angularfire2";
import { AngularFirestoreModule } from "angularfire2/firestore"; // 正确导入Firestore模块
import { AngularFirestore } from "angularfire2/firestore"; // 正确导入AngularFirestore服务
import { environment } from "../environments/environment"; // 确保环境配置路径正确

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AngularFireModule.initializeApp(environment.firebase), // 初始化Firebase配置
    AngularFirestoreModule // 注册Firestore模块
  ],
  providers: [AngularFirestore], // 按需注册Firestore服务
  bootstrap: [AppComponent]
})
export class AppModule { }

额外小提醒： #

如果你还没安装Firebase和AngularFire的依赖，先运行这个命令补全：

npm install angularfire2 firebase --save

同时确认environment.ts里的Firebase项目配置信息是正确的。

内容的提问来源于stack exchange，提问作者Shkelqim Maxharraj