Javascript 在firebase firestore中保存数据时在控制台上获取错误

这是我的Javascript代码。它只是从firebase文档中复制的

<script src="https://www.gstatic.com/firebasejs/5.4.2/firebase.js"/></script>
<script src="https://www.gstatic.com/firebasejs/5.3.0/firebase-firestore.js"></script>
<script>
  // Initialize Firebase
    var config = {
        apiKey: ".",
        authDomain: ".",
        databaseURL: ".",
        projectId: ".",
        storageBucket: ".",
        messagingSenderId: ".[enter image description here][1]"
    };
  firebase.initializeApp(config);

    // Initialize Cloud Firestore through Firebase
    
    var db = firebase.firestore();
    function submitCountry(){
    console.log('in funtion');
    db.collection("cities").doc("asdasLA").set({
        name: "Los Angeles",
        state: "CasdasA",
        stasdaate: "CasdasdasA",
        stasaasddaate: "CAasd",
        country: "USA"
    })
    .then(function() {
        console.log("Document successfully written!");
    })
    .catch(function(error) {
        console.error("Error writing document: ", error);
    });
}
</script>

当我刷新页面时，它会显示未捕获的错误

{代码：应用程序/重复服务，消息：Firebase:Firebase服务 名为“firestore”的应用程序/重复服务已注册，名称： firestore，堆栈：firestore:Firebase:Firebase服务已命名 'fires…m/firebasejs/5.3.0/firebase firestore.js:1:326255}firebase@ index.esm.js:17591 anonymous@index.esm.js:41 index.esm.js:17591

未捕获错误：无法实例化firebase firestore-请确保 首先加载firebase-app.js

单击“我的保存”按钮后，将显示下面提到的错误

当我在没有任何JS或Bootstrap的简单项目上使用相同的代码时，它工作得很好，但我在使用Bootstrap的真实项目中放置的相同代码显示错误

[干预]检测到慢速网络。有关更多详细信息，请参阅。 加载时将使用回退字体：

通过做

<script src="https://www.gstatic.com/firebasejs/5.4.2/firebase.js"/></script>
<script src="https://www.gstatic.com/firebasejs/5.3.0/firebase-firestore.js"></script>

---

什么错误…@Badgy我发布了我的错误。您是否设置了一些特定的安全规则来阻止写入？您是否正在调用submitCountry函数？我还发现您没有正确结束函数。是的，我正在调用Submit Country，它应该保存数据，然后您是否尝试使用我在回答中提供的HTML页面？为config对象输入正确的值，将其另存为计算机上的html，然后使用您选择的浏览器打开它。它应该写入数据库。

<script src="https://www.gstatic.com/firebasejs/5.4.2/firebase.js"></script>

<!-- Firebase App is always required and must be first -->
<script src="https://www.gstatic.com/firebasejs/5.4.2/firebase-app.js"></script>

<!-- Add additional services that you want to use -->
<script src="https://www.gstatic.com/firebasejs/5.4.2/firebase-firestore.js"></script>

<script src="https://www.gstatic.com/firebasejs/5.4.2/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/5.4.2/firebase-firestore.js"></script>

<script>
  // Initialize Firebase
    var config = {
        apiKey: ".",
        authDomain: ".",
        databaseURL: ".",
        projectId: ".",
        storageBucket: ".",
        messagingSenderId: ".[enter image description here][1]"
    };
    firebase.initializeApp(config);

    // Initialize Cloud Firestore through Firebase

    var db = firebase.firestore();

    db.collection("cities").doc("asdasLA").set({
        name: "Los Angeles",
        state: "CasdasA",
        stasdaate: "CasdasdasA",
        stasaasddaate: "CAasd",
        country: "USA"
    })
    .then(function() {
        console.log("Document successfully written!");
    })
    .catch(function(error) {
        console.error("Error writing document: ", error);
    });
}
</script>