电子邮件地址的格式不正确，firebase vue.js

尝试将Vue.js与firebase一起使用以创建登录页面时，出现错误“电子邮件地址格式错误”

这是我的密码：

<template>
    <div class = "sign-up">
        <p> Let's create a new account</p>
        <input type="email" v-model="email" placeholder="Email"> <br>
        <input type="password" v-model="password" placeholder="Password"> <br>
        <button v-on:click="signUp">Sign Up</button>
        <br>

    </div>

</template>


<script> 

import firebase from 'firebase'

      export default {
    name:'Signup',
    data: function() {
      return {
        email: '',
        password: '',
      }
    },
    methods: {
        signUp: function() {

            firebase.auth().createUserWithEmailAndPassword(this.email, this.password).then(

                function (user) {
                    alert('Your account has been created')
                },
                function(error) {

                   var errorCode = error.code;
                   var errorMessage = error.message;

                   if (errorCode == 'auth/weak-password') {
                       alert('The password is too weak.');
                  } else {
                       alert(errorMessage);
                      }
                    console.log(error);

                 });
        }

    }

  }



</script>

让我们创建一个新帐户





注册


从“firebase”导入firebase
导出默认值{
姓名：'注册'，
数据：函数（）{
返回{
电子邮件：“”，
密码：“”，
}
},
方法：{
注册：函数（）{
firebase.auth（）.createUserWithEmailAndPassword（this.email，this.password）。然后(
功能（用户）{
警报（'您的帐户已创建'）
},
函数（错误）{
var errorCode=error.code；
var errorMessage=error.message；
如果（错误代码==“验证/弱密码”）{
警报（'密码太弱'）；
}否则{
警报（错误消息）；
}
console.log（错误）；
});
}
}
}

我确实确保在firebase控制台上启用了身份验证部分

不知道为什么还是会出现这个错误

---

请帮忙

感谢上帝我解决了它

通过添加

 firebase.initializeApp(config);

紧接着

从“firebase”导入firebase

因为我已经在其他文件中初始化了Firebase

---

这个问题可能是异步加载javascript造成的。

感谢上帝，我解决了这个问题

通过添加

 firebase.initializeApp(config);

紧接着

从“firebase”导入firebase

因为我已经在其他文件中初始化了Firebase

---

该问题可能是由javascript异步加载引起的。

这很好。我很想解决你的问题。我带来了官方的firebase auth样本。您的用户未定义，导入时必须使用{}以防止.auth（）错误

让我们创建一个新帐户

注册
从“../firebase”导入{fb}；
导出默认值{
姓名：'注册'，
数据（）{
返回{
电邮：“，
密码：“”，
}
},
方法：{
注册：函数（）{
fb.auth（）.createUserWithEmailAndPassword（this.email，this.password）
.catch（函数（错误）{
//在这里处理错误。
var errorCode=error.code；
var errorMessage=error.message；
如果（错误代码==“验证/弱密码”）{
警报（'密码太弱'）；
}否则{
警报（错误消息）；
}
console.log（错误）；
});    
}
}
}

这很有效。我很想解决你的问题。我带来了官方的firebase auth样本。您的用户未定义，导入时必须使用{}以防止.auth（）错误

让我们创建一个新帐户

注册
从“../firebase”导入{fb}；
导出默认值{
姓名：'注册'，
数据（）{
返回{
电邮：“，
密码：“”，
}
},
方法：{
注册：函数（）{
fb.auth（）.createUserWithEmailAndPassword（this.email，this.password）
.catch（函数（错误）{
//在这里处理错误。
var errorCode=error.code；
var errorMessage=error.message；
如果（错误代码==“验证/弱密码”）{
警报（'密码太弱'）；
}否则{
警报（错误消息）；
}
console.log（错误）；
});    
}
}
}