Angular 15 + Firebase 9项目中@angular/fire缺失导致模块导入失败的解决咨询

嘿，我仔细看了你的问题，核心原因其实很清晰——你只安装了Firebase的核心库，却没装Angular官方适配的Firebase封装库@angular/fire，这就是node_modules里找不到它、导入语句报错的根源。不用降级Angular或Firebase，按下面的步骤就能搞定：

第一步：安装适配版本的@angular/fire #

Angular 15对应的@angular/fire稳定版本是7.5.x，完美兼容Firebase 9系列，在项目根目录执行命令：

npm install @angular/fire@7.5.0

第二步：修正导入语句的拼写错误 #

我注意到你写的导入里有个小笔误：AngulareFireModule应该是AngularFireAuthModule，这个细节也会导致报错，修正后的正确代码如下：

// app.module.ts里的正确导入
import { AngularFireModule } from '@angular/fire';
import { AngularFirestoreModule } from '@angular/fire/firestore';
import { AngularFireAuthModule } from '@angular/fire/auth'; // 按需添加身份验证模块

@NgModule({
  imports: [
    // ...其他已导入的模块
    AngularFireModule.initializeApp(environment.firebase), // 初始化Firebase配置
    AngularFirestoreModule, // 引入Firestore数据库模块
    AngularFireAuthModule // 身份验证模块（如果需要的话）
  ]
})
export class AppModule { }

第三步：确认Firebase环境配置正确 #

确保environment.ts里已经填入了你的Firebase项目参数，格式参考：

export const environment = {
  production: false,
  firebase: {
    apiKey: "你的项目API密钥",
    authDomain: "你的项目authDomain",
    projectId: "你的项目ID",
    storageBucket: "你的存储桶地址",
    messagingSenderId: "你的SenderID",
    appId: "你的项目AppID"
  }
};

额外小提示 #

我看到你执行了nvm install 10.10.0但实际用的是18.10.0，这应该是笔误~ Angular 15要求Node.js版本≥14.20.0，18.10.0完全符合要求，不用调整。

按上面的步骤操作后，@angular/fire就会出现在node_modules里，模块导入和配置也能正常运行了，完全不用降级现有版本哦~

备注：内容来源于stack exchange，提问作者user1753622