Angular 6升级AngularFire2时多Firebase实例创建数据库报错求助

看起来你遇到的问题是因为AngularFire（原AngularFire2）在适配Angular 6的版本中，API发生了重大变化——_firebaseAppFactory是内部私有函数，签名已经修改，而且官方不再推荐直接调用这类内部方法来创建数据库实例。下面是针对多Firebase项目场景的正确解决方案：

第一步：更新依赖并调整模块配置 #

首先，确保你安装了适配Angular 6的正确版本依赖：

npm install @angular/fire@5 firebase@5 --save

注：Angular 6对应@angular/fire 5.x版本，firebase 5.x版本，版本不匹配会导致更多兼容性问题。

然后在你的根模块（比如AppModule）中，通过AngularFireModule.initializeApp方法初始化多个Firebase应用，每个应用指定唯一的名称：

import { NgModule } from '@angular/core';
import { AngularFireModule } from '@angular/fire';
import { AngularFireDatabaseModule } from '@angular/fire/database';

// 第一个Firebase项目配置
const firebaseConfig1 = {
  apiKey: '你的API_KEY',
  authDomain: '你的AUTH_DOMAIN',
  databaseURL: '你的DATABASE_URL',
  projectId: '你的PROJECT_ID',
  storageBucket: '你的STORAGE_BUCKET',
  messagingSenderId: '你的MESSAGING_SENDER_ID'
};

// 第二个Firebase项目配置
const firebaseConfig2 = {
  apiKey: '第二个项目的API_KEY',
  authDomain: '第二个项目的AUTH_DOMAIN',
  databaseURL: '第二个项目的DATABASE_URL',
  projectId: '第二个项目的PROJECT_ID',
  storageBucket: '第二个项目的STORAGE_BUCKET',
  messagingSenderId: '第二个项目的MESSAGING_SENDER_ID'
};

@NgModule({
  imports: [
    // 初始化第一个应用，命名为"app1"（默认应用可省略name，这里显式命名更清晰）
    AngularFireModule.initializeApp(firebaseConfig1, 'app1'),
    // 初始化第二个应用，必须指定唯一名称"app2"
    AngularFireModule.initializeApp(firebaseConfig2, 'app2'),
    AngularFireDatabaseModule
  ]
})
export class AppModule { }

第二步：在服务中获取对应应用的数据库实例 #

你可以通过两种方式获取指定应用的AngularFireDatabase实例：

方式1：依赖注入（推荐） #

利用Angular的依赖注入系统，结合应用名称来区分不同的数据库实例：

import { Injectable, Inject } from '@angular/core';
import { AngularFireDatabase, FIREBASE_APP_NAME } from '@angular/fire/database';

@Injectable({ providedIn: 'root' })
export class FirebaseService {
  // 注入第一个应用的数据库实例
  private dbApp1: AngularFireDatabase;
  // 注入第二个应用的数据库实例
  private dbApp2: AngularFireDatabase;

  constructor(
    // 默认注入第一个应用的数据库
    defaultDb: AngularFireDatabase,
    // 通过@Inject指定应用名称，获取第二个应用的数据库
    @Inject(AngularFireDatabase) @Inject('app2') dbApp2: AngularFireDatabase
  ) {
    this.dbApp1 = defaultDb;
    this.dbApp2 = dbApp2;
  }

  // 示例：获取第一个应用的数据库引用
  getApp1DbRef(path: string) {
    return this.dbApp1.database.ref(path);
  }

  // 示例：获取第二个应用的数据库引用
  getApp2DbRef(path: string) {
    return this.dbApp2.database.ref(path);
  }
}

方式2：手动创建（适用于动态初始化场景） #

如果需要动态根据配置初始化应用，可以通过AngularFireApp来管理应用实例：

import { Injectable } from '@angular/core';
import { AngularFireApp, AngularFireDatabase } from '@angular/fire';

@Injectable({ providedIn: 'root' })
export class FirebaseService {
  constructor(private afApp: AngularFireApp) { }

  initFirebaseApp(config: any, firebaseAppName: string): AngularFireDatabase {
    // 先检查是否已存在该名称的应用实例，避免重复初始化
    const existingApp = this.afApp.apps.find(app => app.name === firebaseAppName);
    const targetApp = existingApp || this.afApp.initializeApp(config, firebaseAppName);
    
    // 返回对应应用的数据库实例
    return new AngularFireDatabase(targetApp);
  }
}

为什么旧代码会报错？ #

旧代码中直接调用的_firebaseAppFactory是AngularFire内部的私有工厂函数，升级后它的参数签名发生了变化（现在需要5个参数），而且官方不保证内部API的稳定性，所以直接调用会导致兼容性问题。正确的做法是使用公开的AngularFireModule.initializeApp和AngularFireApp API来管理多应用实例。

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