• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
    • Questions
    • Teachers
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

738
Views
Estoy teniendo ese tipo de problema: no detectado (en promesa) SyntaxError: final inesperado de la entrada JSON

Estoy usando react js y usando mongo db. Estoy tratando de obtener datos por fetch. pero recibo este tipo de error: No detectado (en promesa) SyntaxError: final inesperado de la entrada JSON

 const [product, setProduct] = useState({}); useEffect(() => { const url = `http://localhost:5000/product/${id}`; fetch(url) .then((res) => res.json()) .then((data) => setProduct(data)); }, [id]);
almost 3 years ago · Juan Pablo Isaza
2 answers
Answer question

0

Su código en useEffect es correcto, la razón por la que puede recibir este error se debe a

  1. No hay datos JSON del backend
  2. Tal vez el JSON que recibiste no es el JSON adecuado

puede confirmar esto reemplazando res.json() con res.text() y luego consola.log it

almost 3 years ago · Juan Pablo Isaza Report

0

Debe incluir una llamada .catch() en su cadena de llamadas de método fuera de fetch , para que pueda manejar errores o entradas mal formadas desde su API. El error dice que está "no capturado" porque no hay una cláusula de catch .

es decir

 fetch(url) .then((res) => res.json()) .then((data) => setProduct(data)) .catch((error) => console.error("Something went wrong: ", error))
almost 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error