Skip to main content
título editado
Enlace
Rimuru Tempest
  • 2.6k
  • 4
  • 22
  • 39

Firebase no guarda nada en Vue CLI

se eliminaron 178 caracteres en el cuerpo; etiquetas editadas; título editado
Origen Enlace
Rimuru Tempest
  • 2.6k
  • 4
  • 22
  • 39

Firebase no escribeguarda nada en Vue CLI

Hola coders! Tengo una situación a la cual no puedo hallar solución: EstorEstoy 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 escirbe nadaguarda nada.

Espero me puedan ayudar, gracias de antemano. 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>
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>

Firebase no escribe nada en Vue CLI

Hola coders! Tengo una situación a la cual no puedo hallar solución: Estor 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 escirbe nada.

Espero me puedan ayudar, gracias de antemano. 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>

 

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.

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>
Origen Enlace

Firebase no escribe nada en Vue CLI

Hola coders! Tengo una situación a la cual no puedo hallar solución: Estor 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 escirbe 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.

Espero me puedan ayudar, gracias de antemano. 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