Web 中的 Firebase：发生网络错误（例如超时、连接中断或主机无法访问）？答案

【问题标题】：Firebase in Web : A network error (such as timeout, interrupted connection or unreachable host) has occurred?Web 中的 Firebase：发生网络错误（例如超时、连接中断或主机无法访问）？
【发布时间】：2018-01-26 07:20:39
【问题描述】：

firebase.auth().onAuthStateChanged(function(user) {
  if (user) {
    // User is signed in.
      console.log("Hurray ! signed in successfully !");
  } else {
    // No user is signed in.
     console.log("Sign in required !");
     $("#login-btn-nav").click();
  }
});



$("#login-btn").on('click',function(){
    console.log("Hello");
    var email = $("#email-input").val();
    var password = $("#password-input").val();

    if(email != "" && password != ""){
    		firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
				  // Handle Errors here.
				  var errorCode = error.code;
				  var errorMessage = error.message;
				  // ...
				  window.alert("Following error encountered : "+errorMessage+" .");
				});
    		}
});

<script src="https://www.gstatic.com/firebasejs/4.2.0/firebase.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.2.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.2.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.2.0/firebase-database.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.2.0/firebase-messaging.js"></script>
<script>
  // Initialize Firebase
  var config = {
    apiKey: "AIzaSyDAvfWcdBTtmDbK7_aOkWFCRxNl1K4PDck",
    authDomain: "sarahhah-8e315.firebaseapp.com",
    databaseURL: "https://sarahhah-8e315.firebaseio.com",
    projectId: "sarahhah-8e315",
    storageBucket: "sarahhah-8e315.appspot.com",
    messagingSenderId: "965679781332"
  };
  firebase.initializeApp(config);
  console.log(config);
</script>
<script type="text/javascript" src="assets/js/login.js"></script>

复制粘贴在 html 代码中的 web 代码片段和附加的 javascript 代码！面临错误：

发生网络错误（例如超时、连接中断或无法访问主机）。 .

在firebase的web集成中

提前感谢您的合作

【问题讨论】：

此应用托管在 firebase-hosting 上？您启用电子邮件/密码登录方法？
错误已解决，使用 div 标签而不是 form 标签
@RahulSharma OMG！谢谢！为什么将输入字段放在“表单”标签中会导致 Firebase 出现网络错误？ HTML 标记对请求有影响吗？还是关于Javascript函数？为什么？对于其他所有人：删除“输入”元素周围的“表单”标签，它将起作用。
我改变了，但我又遇到了同样的错误
这太奇怪了，我的 Angular 项目中没有任何 form 标签。即使那样我也遇到了同样的问题。

标签： javascript firebase firebase-authentication

【解决方案1】：

我将复制来自 Rahul Sharma 的 cmets 的答案，因为这为我节省了很多时间。希望这对其他人有帮助：

使用<div> 代替<form> 标签

【讨论】：