使用JavaScript连接Firebase取数时提示db is not defined错误

db is not defined和你猜测的Firebase配置参数错误没有关系，是两个写法问题导致的：

• 作用域隔离：你在标记了type="module"的内联脚本里用const声明的db变量属于模块私有作用域，不会暴露到全局上下文，后面引入的普通脚本script.js根本访问不到这个变量。
• API版本不匹配：你引入的是Firebase v9+的模块化SDK，本身就不支持旧版v8那种db.collection().get()的链式调用写法，就算解决了作用域问题，代码也会抛出“collection is not a function”的错误。

1. 统一代码作用域：不要把Firebase初始化和业务逻辑拆在不同类型的脚本标签里。如果要把业务逻辑单独放在script.js中，就给这个script标签加上type="module"属性，同时把Firebase的SDK导入、初始化代码全挪到script.js里，保证db变量和读取数据的逻辑在同一个模块作用域下。
2. 替换成v9模块化SDK的正确写法，废弃旧版链式调用：

   // 初始化完db之后，用从SDK导入的纯函数方法操作数据库
   const fetchCourses = async () => {
     try {
       const coursesRef = collection(db, 'courses');
       const snapshot = await getDocs(coursesRef);
       const courseData = snapshot.docs.map(doc => ({
         id: doc.id,
         ...doc.data()
       }));
       console.log('读取到的课程数据：', courseData);
     } catch (err) {
       console.error('读取失败：', err);
     }
   }
   fetchCourses();
   

你当前引入的是firebase-firestore-lite.js轻量版SDK，只支持基础的读写操作，不支持实时数据监听、离线缓存等能力，如果后续需要用到这类功能，把引入地址换成完整版的firebase-firestore.js即可。

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