哎呀。电子邮件地址格式错误 Firebase / Vue答案

【问题标题】：Oops. The email address is badly formatted Firebase / Vue哎呀。电子邮件地址格式错误 Firebase / Vue
【发布时间】：2020-02-27 16:22:09
【问题描述】：

我收到错误消息“糟糕。电子邮件地址格式错误。”当我什至没有填写任何内容时也是如此。

我已经尝试在其他位置导入 Firebase，但没有解决问题。

<script>
import firebase from "firebase";

export default {
  name: "login",
  data() {
    return {
      email: "",
      password: ""
    };
  },
  methods: {
    login: function() {
      firebase
        .auth()
        .signInWithEmailAndPassword(this.email, this.password)
        .then(
          function(user = user) {
            alert("Well done! You are now logged in");
          },
          function(err) {
            alert("Oops. " + err.message);
          }
        );
    }
  }
};
</script>

【问题讨论】：

如果您在调用signInWithEmailAndPassword 时收到错误消息，则该调用本身可以正常工作。您传递的值更有可能是不正确的，例如 SalunkeAkash 回答的电子邮件地址中有一个引号。如果您找不到问题，您可能想在致电signInWithEmailAndPassword 之前立即发送console.log(this.email, this.password)，然后查看记录的内容。

标签： javascript firebase vue.js firebase-authentication

【解决方案1】：

嘿，如果电子邮件 ID 是否带有 qoutes，你可以

您可以在检查网络中进行检查

【讨论】：

不是这样的
正如@frank-van-puffelen 所说，您是否在致电signInWithEmailAndPassword 之前获得了console.log(this.email, this.password) 的正确值？
未定义，3次
这就是您收到该错误的原因

【解决方案2】：

用以下代码修复它：

    <script>
  import firebase from 'firebase';
  export default {
    name: 'login',
    data() {
      return {
        email: '',
        password: ''
      }
    },
    methods: {
      login: function() {
        firebase.auth().signInWithEmailAndPassword(this.email, this.password).then(
          (user) => {
            this.$router.replace('home')
          },
          (err) => {
            alert('Oops. ' + err.message)
          }
        );
      }
    }
  }
</script>

【讨论】：