AngularFirestore与Firebase集成报错：TypeError: Object(...) is not a function

这个错误大概率是依赖版本不兼容或者模块配置遗漏导致的，结合你的配置和依赖版本，咱们一步步排查解决：

1. 先排查版本兼容性问题 #

你用的angularfire2: ^5.0.0-rc.8.0和firebase: ^5.0.2，这个版本组合只适配Angular 5.x。如果你的项目是Angular 6及以上版本，版本不匹配就是触发这个错误的核心原因。

你可以运行下面的命令查看当前Angular版本：

ng version

如果版本不匹配，建议调整依赖版本：

• 要是项目是Angular 6+，可以升级到angularfire2: ^5.1.1 + firebase: ^5.4.2的组合
• 要是想保留现有angularfire2版本，就把Angular降级到5.x

2. 检查AppModule的导入配置 #

确保app.module.ts里的导入完整且顺序正确，除了初始化Firebase和引入Firestore模块，不需要额外冗余配置，但要保证导入路径正确：

import { AngularFireModule } from 'angularfire2';
import { AngularFirestoreModule } from 'angularfire2/firestore';
import { environment } from '../environments/environment';

@NgModule({
  imports: [
    BrowserModule,
    // 先初始化Firebase
    AngularFireModule.initializeApp(environment.firebase),
    // 再引入Firestore模块，如需离线持久化可加.enablePersistence()
    AngularFirestoreModule
  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }

3. 确认Firebase配置的完整性 #

检查environment.ts里的Firebase参数是否齐全，必须包含以下所有字段，缺一个都可能导致初始化失败：

export const environment = {
  production: false,
  firebase: {
    apiKey: "你的API_KEY",
    authDomain: "你的AUTH_DOMAIN",
    databaseURL: "你的DATABASE_URL",
    projectId: "你的PROJECT_ID",
    storageBucket: "你的STORAGE_BUCKET",
    messagingSenderId: "你的MESSAGING_SENDER_ID"
  }
};

4. 清理依赖缓存重新安装 #

有时候依赖安装时的缓存会导致奇怪问题，执行下面的命令重置依赖：

rm -rf node_modules
rm package-lock.json
npm install

5. 组件中的使用验证 #

确保组件里的导入路径正确，并且构造函数的使用没有语法错误：

import { AngularFirestore } from 'angularfire2/firestore';

@Component({
  selector: 'app-target-component',
  templateUrl: './target-component.component.html'
})
export class TargetComponent {
  constructor(private db: AngularFirestore) {
    // 可以加个简单测试，验证是否正常工作
    this.db.collection('test').valueChanges().subscribe(data => {
      console.log('Firestore数据:', data);
    });
  }
}

如果以上步骤都试过还是不行，建议直接升级到更稳定的兼容版本组合，比如适配Angular 8+的：

"angularfire2": "^5.4.2",
"firebase": "^7.24.0"

内容的提问来源于stack exchange，提问作者Hazem HASAN