Solucionado (ver solución)
Solucionado
(ver solución)
2
respuestas

[Duda] Error = then is not a function

Referente al curso JS en la Web: CRUD con JavaScript asíncrono, en el capítulo Crear y borrar clientes y actividad Creando un cliente

por Patricia Riquett
| 95k xp | 5 posts
Docente

Hola, tengo un problema con el codigo, me aprece este error en consola

then is not a function 

import { clientServices } from "../Service/client-service.js";


const formulario = document.querySelector('[data-form]');

formulario.addEventListener('submit', (evento) =>{

    evento.preventDefault();

    const nombre = document.querySelector('[data-nombre]').value;
    const email = document.querySelector('[data-email]').value;


    clientServices
   .crearCliente(nombre,email)
   .then( (respuesta) => {
    window.location.href = "../screens/registro_completado.html"
  }).catch(err => console-log(err));

})

Dejo tambien el codigo de clientService


const listaClientes = () => fetch('http://localhost:3000/perfil').then(respuesta => respuesta.json());

const crearCliente = (nombre, email) =>{

   return fetch('http://localhost:3000/perfil'),{

        method:"POST",
        headers:{
            "content-type": "application/json"
        },
        body: JSON.stringify({nombre,email, id: uuid.v4()})
    }
}

export const clientServices ={
    listaClientes,
    crearCliente,
}

De antemano gracias por la ayuda !

2 respuestas
solución!
por Estudiante
| 142.6k xp | 112 posts

El error que estás experimentando en la consola parece ser un error de sintaxis en el código de clientService. Específicamente, en la función crearCliente, hay un paréntesis de cierre extra después de http://localhost:3000/perfil en la línea:

return fetch('http://localhost:3000/perfil'),{ // <-- paréntesis de cierre extra aquí

Para corregir el error, debes eliminar ese paréntesis de cierre extra y colocarlo al final de la función, después de cerrar la llave de la función fetch, de la siguiente manera:

const crearCliente = (nombre, email) => {
  return fetch('http://localhost:3000/perfil', {
    method: "POST",
    headers: {
      "content-type": "application/json"
    },
    body: JSON.stringify({ nombre, email, id: uuid.v4() })
  });
}

Con esta corrección, el código debería funcionar correctamente y el error en la consola debería desaparecer.

Espero que esto te ayude a solucionar el problema. Si tienes alguna otra pregunta o necesitas más ayuda, estaré encantado de asistirte. ¡Buena suerte con tu proyecto!

Si este post te ayudó, por favor, marca como solucionado ✓.
por Patricia Riquett
| 95k xp | 5 posts
Docente

Efectivamente ese era el error! me estaba quemando las pestañas buscando la solucion , muchas gracias por tu ayuda!