Tengo una aplicación React y un archivo JSON en la carpeta pública. Estaba obteniendo los datos de este archivo json en el archivo App.js principal y todo funcionaba como se esperaba sin errores. Terminé la aplicación y npm run build y desde entonces recibo el siguiente error: SyntaxError: Unexpected token < in JSON at position 0

No cambié el archivo JSON ni moví ningún archivo dentro de mi proyecto. ¿Puede alguien explicarme qué causó ese error de repente?

También he estado tratando de resolverlo durante los últimos dos días mirando los recursos disponibles en línea y otros temas aquí, pero ninguna de las soluciones parece funcionar. Alguien sugirió agregar los encabezados a continuación a la solicitud de recuperación, pero eso no funcionó.

 headers : { 'Content-Type': 'application/json', 'Accept': 'application/json' }

¿Puede ayudarme alguien, por favor?

El código:

 fetch("questions.json", { headers : { 'Content-Type': 'application/json', 'Accept': 'application/json' } }) .then(res => res.json()) .then(data => { const allQuestions = data[quizType]; const randomNumber = Math.floor(Math.random()*allQuestions.length); setQuestion(allQuestions[randomNumber].question.text); setAnswer(allQuestions[randomNumber].answer.text); setSource(allQuestions[randomNumber].answer.source); }) .catch(error => console.log( error.toString()));

La estructura:

 public - questions.json src - App.js