Skip to main content
2 de 3
se eliminaron 178 caracteres en el cuerpo; etiquetas editadas; título editado
Rimuru Tempest
  • 2.6k
  • 4
  • 22
  • 39

Firebase no guarda nada en Vue CLI

Hola coders! Tengo una situación a la cual no puedo hallar solución: Estoy desarrollando una aplicación con Vue CLI y firebase. Tengo un formulario de registro el cual es funcional, pero a la hora de escribir datos en firestore no guarda nada.

No se muestra ningún error en consola y he visto algunos sitios donde enseñan a realizar la conexión y no veo algo distinto de lo que yo tengo.

Les dejo mis archivos para ver si tienen alguna sugerencia:

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import * as firebase from "firebase"

Vue.config.productionTip = false

const configOptions = {
  apiKey: "AIzaSyAkUyYSxQq5g5DB6h_LgfG2lC7JzgIDHWw",
  authDomain: "t-panel-eccf9.firebaseapp.com",
  databaseURL: "https://t-panel-eccf9.firebaseio.com",
  projectId: "t-panel-eccf9",
  storageBucket: "t-panel-eccf9.appspot.com",
  messagingSenderId: "132805805270",
  appId: "1:132805805270:web:36b4b43a9b0829fc34b577",
  measurementId: "G-PF2ESSB4X8"
};

firebase.initializeApp(configOptions);

export const db = firebase.firestore()

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')
<script>
// @ is an alias to /src
import Banner from '@/components/AuthScreens/Banner';
import firebase from "firebase";
import db from "firebase";

export default {
  name: 'signup',
  components: {
    Banner
  },

  data() {
    return {
      form: {
        inputRegisterEmail: "",
        inputRegisterPassword: "",
        inputRegisterName: "",
        inputRegisterLastName: ""
      },
      error: null
    }
  },

  methods: {
    submit() {
      firebase
        .auth()
        .createUserWithEmailAndPassword(this.form.inputRegisterEmail, this.form.inputRegisterPassword)
        .then(data => {
          db.collection("cities").doc("LA").add({
              name: "Los Angeles",
              state: "CA",
              country: "USA"
            })
            .then(function () {

            })
            .catch(function (error) {
              alert(error)
            });
          data.user.updateProfile({
              displayName: this.form.inputRegisterName + ' ' + this.form.inputRegisterLastName
            })
            .then(() => {
              //Code here

            })
        })
        .catch(err => {
          this.error = err.message
        })
    }
  }
}
</script>

El primer código es main.js y el segundo es el apartado de script de mi archivo signup.vue