Ionic Native中Firebase无法在构造函数初始化问题求助

看起来你遇到的问题主要是依赖版本冲突和Ionic 4+下的导入路径错误导致的，咱们一步步来解决：

问题根源分析 #

1. 混合的Ionic版本：你的package.json里同时存在Ionic 3的ionic-angular和Ionic 4的@ionic/angular，这会导致严重的依赖冲突——@ionic-native 5.x是专为Ionic 4+设计的，和Ionic 3的核心包不兼容。
2. 错误的导入路径：Ionic 4+使用Angular 7+，@ionic-native 5.x的插件必须从@ionic-native/xxx/ngx路径导入，你之前的导入缺少/ngx后缀，导致Angular无法识别这个服务类型。
3. 冗余的插件包：你同时安装了@ionic-native/fcm和@ionic-native/firebase，其实@ionic-native/firebase已经包含了FCM推送的所有功能，重复安装会引发不必要的冲突。

具体解决方案 #

1. 清理冲突依赖 #

首先卸载掉冗余和冲突的包：

# 移除Ionic 3的核心包（因为你用的是Ionic 4）
npm uninstall ionic-angular
# 移除冗余的fcm包
npm uninstall @ionic-native/fcm

2. 重新同步Firebase插件 #

确保cordova插件和npm包版本匹配：

# 先移除旧插件，再重新安装
ionic cordova plugin remove cordova-plugin-firebase
ionic cordova plugin add cordova-plugin-firebase@2.0.5
# 重新安装对应的npm包
npm install @ionic-native/firebase@5.1.0

3. 修正AppModule中的服务注册 #

打开app.module.ts，修改Firebase的导入路径，并将其添加到providers数组中：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';
import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
// 注意这里的路径要加上/ngx
import { Firebase } from '@ionic-native/firebase/ngx';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule],
  providers: [
    StatusBar,
    SplashScreen,
    // 注册Firebase服务
    Firebase,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

4. 修正FcmProvider中的导入 #

回到你的FcmProvider，把导入路径改成带/ngx的版本：

// 替换原来的导入
import { Firebase } from '@ionic-native/firebase/ngx';

5. 验证修复 #

运行以下命令重新安装依赖并构建项目：

npm install
ionic build

现在再检查构造函数中的Firebase类型，应该不会再出现"Cannot find name Firebase"的错误了。

内容的提问来源于stack exchange，提问作者Arvind Chourasiya