使用原生JS连接Firestore时报错Service firestore is not available如何解决

你遇到的报错由两个明显的配置错误导致：

• 不同Firebase SDK组件版本不匹配
• HTML中脚本引入路径错误

1. 统一所有Firebase SDK的版本号
   两个文件引入的SDK版本分别是9.0.0和9.0.1，跨版本混用会导致服务注册失败，全部调整为同一个版本即可，比如统一用9.0.1：
   修改index.js的导入语句：

import app from './firebase.js'
// 版本号和firebase.js保持一致，改为9.0.1
import { getFirestore } from 'https://www.gstatic.com/firebasejs/9.0.1/firebase-firestore.js'
const db = getFirestore(app)

2. 修正HTML中的脚本引入路径
   你当前把index.html本身作为模块引入，属于路径填写错误，改为引入你的业务脚本index.js：

<!DOCTYPE html>
....
<script type="module" src="index.js"></script>

如果修复上述两项后仍有报错，可以再确认：

• Firebase控制台中你的项目已正常启用Cloud Firestore服务
• Firestore安全规则已放开对应权限（你提到控制台可正常读写，本项基本无问题）

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