Firestore Web V9使用serverTimestamp时报找不到firebase模块如何解决

报错根因 #

你当前使用的是Firebase Web SDK 8及更早版本的命名空间式调用语法，而Web V9版本为模块化设计，没有全局导出的firebase对象，因此触发找不到模块的报错。

解决方法（推荐纯模块化写法，体积更小性能更好） #

1. 确认依赖安装 #

先确保项目已安装V9版本的firebase包：
npm install firebase

2. 模块化导入对应方法 #

V9中serverTimestamp是firebase/firestore下单独导出的工具函数，无需依赖全局firebase对象，和你已经在用的addDoc、collection同属一个导出路径：

// 原有导入新增serverTimestamp即可
import { addDoc, collection, serverTimestamp } from "firebase/firestore";

3. 修改业务代码 #

直接调用导入的serverTimestamp()方法即可：

addDoc(collection(db, 'rooms', roomId, 'messages'), {
  message: input,
  name: user.displayName,
  timestamp: serverTimestamp()
})

过渡兼容方案（需保留旧写法时使用） #

如果是需要兼容旧代码的过渡场景，可以使用V9提供的compat包，保留原有命名空间写法：

// 导入compat版本的依赖
import firebase from 'firebase/compat/app'
import 'firebase/compat/firestore'

// 原有代码无需修改即可正常运行
addDoc(collection(db, 'rooms', roomId, 'messages'), {
  message:input,
  name:user.displayName,
  timestamp:firebase.firestore.FieldValue.serverTimestamp()
})

注意：compat包仅为迁移过渡设计，体积比纯模块化版本大，长期使用建议迁移到纯模块化写法。

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