Firebase JS - Firebase 无法插入 firestore

Question

我使用纯 Javascript 将文档插入 firestore 集合中，无需身份验证。读取实时数据功能应该没有问题，但插入文档似乎不起作用。这里有什么问题吗？

这是控制台输出：

firebase-firestore.js：1未捕获的类型错误：o.indexOf不是函数在Function.hi.q（path.ts：227）在Qd.doc（database.ts：2217）在createDoc（firebase.js：26）在 HTMLFormElement.onsubmit (board.html:83)

我尝试了 JavaScript 中的另一种 onClick 方法，方法是获取按钮的元素 ID 并提交点击，这是我得到的控制台日志：

VM1764 firebase-firestore.js:1 Uncaught TypeError: o.indexOf 不是 Function.hi.q (VM1764 firebase-firestore.js:1) 的函数，位于 Qd.doc (VM1764 firebase-firestore.js:1) 的 createDoc (VM1765 firebase.js:26) 在 HTMLButtonElement.document.getElementById.onclick (VM1765 firebase.js:17)

这是 JS 后跟 HTML：

//config
var firebaseConfig = {
    apiKey: "...",
    authDomain: "...",
    databaseURL: "...",
    projectId: "...",
    storageBucket: "...",
    messagingSenderId: "...",
    appId: "...",
    measurementId: "..."
};

firebase.initializeApp(firebaseConfig);
firebase.analytics();

document.getElementById("postBtn").onclick = function() { createDoc() };

//insertion
function createDoc() {
    var usernameInput = document.getElementById("username_input").value;
    var jobTitleInput = document.getElementById("job_input").value;
    var timestampInput = Date.now();

    firebase.firestore().collection("humans").doc(Date.now()).set({
        job: jobTitleInput,
        timestamp: timestampInput,
        username: usernameInput,
    }).then(function() {
        console.log('document inserted');
        document.getElementById("data_section").innerHTML = '';
        fetchAllThreadsByTimestamp();
    }).catch(function(error) {
        console.error('document insertion error: ' + error);
    });
}

<form class="form">
                            <div class="row">
                                <div class="col-xs-8 col-md-10 ">
                                    <input type="text" id="username_input" placeholder="username" required/>
                                </div>
                            </div>
                            <br>
                            <div class="row ">
                                <div class="col-xs-8 col-md-10 ">
                                    <input type="text" id="job_input" placeholder="job title" required/>
                                </div>
                                <div class="col-xs-4 col-md-2">
                                    <button id="postBtn" class="btn">POST</button>
                                </div>
                            </div>
                        </form>

Answer 1

Firebase 很可能在您使用的文档 ID 上出错。

.doc(Date.now())

在这一行中，Date.now() 是一个数字，但文档 ID 应始终是字符串。

一般来说，无论如何使用时间戳作为文档 ID 都不是一个好主意，因为它们不能保证是唯一的。如果您需要分配唯一的文档 ID，Firebase 可以为您完成，如果您使用：

firebase.firestore().collection("humans").add({ /* ... */ }).then(function(doc){
    // ...
    // note: you can get the new document ID by using doc.id
}).catch(function(error) {
    // ...
});

（相关文档）