TypeScript项目集成Firebase初始化时报database属性不存在如何解决？

开发者阿泽

2026-10-3

问题解决方案

你遇到的TS报错是因为安装的Firebase SDK为v9及以上版本，该版本默认使用模块化API，不再兼容v8及更早版本的命名空间调用写法。

方案1：最小改动兼容旧写法

直接修改导入语句为兼容层导入，原有逻辑几乎无需调整：

// 将原有导入替换为compat兼容层导入
import firebase from "firebase/compat/app";
import "firebase/compat/database";

const firebaseConfig = {
  // 你的配置参数
  apiKey: "",
  authDomain: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: "",
};

firebase.initializeApp(firebaseConfig);
// 注意：无需传入appId参数，直接调用即可
export default firebase.database();

方案2：使用v9+官方推荐的模块化写法（推荐）

该写法支持tree shaking，打包体积更小，是官方主推的用法：

import { initializeApp } from "firebase/app";
import { getDatabase } from "firebase/database";

const firebaseConfig = {
  // 你的配置参数
  apiKey: "",
  authDomain: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: "",
};

const app = initializeApp(firebaseConfig);
const database = getDatabase(app);

export default database;