Firebase连接问题;消息端口在收到响应之前已关闭

时间:2019-04-20 09:20:11

标签: javascript html

我刚刚创建了一个将其与Firebase连接的表单,但始终出现错误。在收到响应之前,消息端口已关闭。

我尝试了2-3个代码,但是相同的错误不断出现。

function writeToDatabase() {
event.preventDefault();
const n = document.getElementById("test1").value;
const p = document.getElementById("test2").value;

console.log(n + " "+ p);

firebase.database().ref('users').push().set({
test1: n,
test2: p,
});

alert("Stored");
}
<div>
    Name:
    <input type="text" id="test1">
    Password:
    <input type="password" id="test2">
    <button type="submit" onclick="writeToDatabase()">Submit</button>

</div>

数据应存储。但它不起作用。

1 个答案:

答案 0 :(得分:0)

请确保从您的帐户获取Firebase配置。看起来像这样。

 var firebaseConfig = {
  apiKey: "api-key",
  authDomain: "project-id.firebaseapp.com",
  databaseURL: "https://project-id.firebaseio.com",
  projectId: "project-id",
  storageBucket: "project-id.appspot.com",
  messagingSenderId: "sender-id",
}; 

在那之后,您应该在脚本标签中初始化firebase,然后再使用它。

  <script>
    var firebaseConfig = {
      // ...
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
  </script>