Firestore调用doc()传空路径报错，如何正确执行查询？

你遇到的FirebaseError: Function CollectionReference.doc() cannot be called with an empty path错误，是因为页面加载时就获取了codigo输入框的值，此时输入框为空，且后续触发查询函数时没有重新获取最新输入值，导致doc()方法传入了空的文档ID。

1. 调整输入值获取时机 #

把获取输入框值的代码移到查询函数内部，确保每次触发查询时拿到的都是用户最新输入的内容：

var db = firebase.firestore();
var tabla = document.getElementById("tabla");

function mostrarFila(){
    // 每次调用函数时实时获取输入框的最新值
    var cod = document.getElementById("codigo").value.trim();
    
    // 先校验输入是否有效
    if (!cod) {
        alert("请输入有效的产品编码");
        return;
    }
    
    var docRef = db.collection("Producto").doc(cod);

    tabla.innerHTML = "";

    docRef.get().then((doc) => {
        if (doc.exists) {
            console.log("文档数据:", doc.data().codigo);
            // 示例：将数据渲染到表格中
            tabla.innerHTML = `
                <tr>
                    <td>${doc.data().codigo}</td>
                    <td>${doc.data().nombre || ""}</td>
                    <!-- 根据你的实际字段添加更多列 -->
                </tr>
            `;
        } else {
            console.log("未找到对应文档！");
            tabla.innerHTML = "<tr><td colspan='2'>未查询到该产品信息</td></tr>";
        }
    }).catch((error) => {
        console.log("获取文档失败:", error);
    });
}

2. 核心注意事项 #

• 禁止空文档ID：Firestore的doc()方法必须传入非空的文档ID，否则会直接触发错误，所以一定要先校验输入内容。
• 实时获取输入值：不要在页面初始化阶段获取输入框值，而是在用户触发查询动作（比如点击按钮）时再获取，确保值是最新的。
• 处理异常场景：除了空输入校验，还要处理文档不存在、网络请求失败等情况，提升用户体验。

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