首页 文章

Firebase auth . $ createUserWithEmailAndPassword抱怨电子邮件格式

提问于
浏览 次
0

在firebase上，使用vue.js，当注册并尝试向数据库添加有关用户的更多信息时，当应用程序尝试将newUser电子邮件写入Firebase时，我遇到了一个非常令人沮丧的错误 . 当电子邮件是对象的一部分时，应用程序就会中断 .

我使用createUserWithEmailAndPassword（this.email，this.password）方法来授权和注册用户（在用户列表上），然后调用一个函数在数据库上注册同一个用户 .

这是我得到的错误：

enter image description here

你可以看到控制台输出一个字符串joaoalvesmarrucho@gmail.com，同时抱怨它不是一个字符串 . ：/

我已将电子邮件转换为字符串但未成功 .

HTML模板：

<form v-on:submit.prevent>
        <div class="control">
          <input class="input" v-model="newUser.name" type="text" placeholder="Your Display Name">
        </div>
        <div class="control">
          <input class="input"  v-model="newUser.email" id="email" type="email" placeholder="joew@bloggs.com" >
        </div>
        <div class="control">
          <input id="password" v-model="newUser.password" class="input" type="password" placeholder="Password">
        </div>
        <div class="control">
          <input id="confirm_password" class="input" type="password"  placeholder="Retype your password" v-on:keyup="checkRetypePassword">
        </div><span id='message'></span>
        <button type="submit" class="button is-primary" v-on:click="signUp">Register</button><span> or </span><button type="submit" class="button is-primary" v-on:click="googleSignUp">Register with Google</button>
      </form>

脚本：

export default {
  data: function() {
    return {
      users: usersRef,
      // username: this.$store.getters.getUser.displayName,
      newUser: {
        name: '',
        email: '' , 
        password: '',
        uid: '',
        }
    };
  },
methods: {
    signUp: function() {
      var jsonEmail = JSON.stringify(this.newUser.email); 
      var email = jsonEmail.replace(/\"/g, ""); 
      console.log(email);
      firebaseApp.auth().createUserWithEmailAndPassword(this.email, this.password).then(function(user) {
        logUser(user); // callback push user to database
        console.log(email);
      }, function(error) {
        alert(error.message + error.code);
    });
    function logUser(user) { 
      usersRef.push(this.newUser);
      this.name = '';
      this.email = ''; // ERROR: "email" must be a valid string
      this.uid = firebaseApp.auth().currentUser.uid;
    }

你能给我一个提示吗？

string email firebase vue.js firebase-authentication

1 回答

  • 0

    只需从电子邮件字段中获取值即可使用它 . 希望这对未来的某些人有用：

    HTML

    <form v-on:submit.prevent>
        <div class="control">
          <input class="input" v-model="user.name" type="text" placeholder="Your Display Name">
        </div>
        <div class="control">
          <input class="input"  v-model="user.email" id="email" type="email" placeholder="joew@bloggs.com" >
        </div>
        <div class="control">
          <input id="password" v-model="user.password" class="input" type="password" placeholder="Password">
        </div>
        <div class="control">
          <input id="confirm_password" class="input" type="password"  placeholder="Retype your password" v-on:keyup="checkRetypePassword">
        </div><span id='message'></span>
        <button type="submit" class="button is-primary" v-on:click="signUp">Register</button><span> or </span><button type="submit" class="button is-primary" v-on:click="googleSignUp">Register with Google</button>
      </form>

    脚本：

    export default {
  data: function() {
    return {
      users: usersRef,
      user: {
          name: '',
          email: '', 
      }, 
      users: [{
          name: 'John Doe',
          email: 'john.doe@gmail.com', 
          uid: "should be actual User UID",
      }], 
    };
  },
methods: {
    signUp: function() {
      firebaseApp.auth().createUserWithEmailAndPassword(email.value, password.value).then(function(user) {
                  }, function(error) {
        alert(error.message + error.code);
    });
    回复于

相关问题