Pourquoi mon application React reçoit-elle une erreur « Jeton inattendu < dans JSON à la position 0 » malgré une réponse JSON apparemment correcte ?

Réagir à "_SyntaxError : jeton inattendu < en JSON à la position 0_"

Dans une application React comportant des flux de type Facebook, vous Vous rencontrez une erreur énigmatique : "Feed.js:94 undefined 'parsererror' 'SyntaxError : Jeton inattendu < dans JSON à la position 0'". Cette erreur se produit généralement lorsque Google Chrome tente d'analyser le HTML au format JSON, ce qui laisse penser que malgré l'attribution d'un type de contenu JSON, la réponse du serveur pourrait en réalité contenir du HTML.

Pour approfondir le problème, vous avez examiné la sortie du serveur à l'aide des outils de développement de Chrome et du client REST, et elle semble adhérer au format JSON. Cependant, un détail crucial suggère le contraire : React interroge inexplicablement un point de terminaison différent ("http://localhost:3000/?_=1463499798727") au lieu de l'API prévue ("http://localhost:3001/api/threads" ).

Au départ, vous n'aviez pas soupçonné cette disparité et aviez exclu les fautes de frappe et le code récemment modifié comme coupables potentiels. Cependant, il est probable qu'un changement involontaire ait modifié le comportement d'interrogation de React, l'amenant à récupérer des données à partir d'un emplacement erroné.

Pour résoudre le problème, vous pouvez envisager :

• Examiner votre configuration du webpack et rechargement à chaud des paramètres du serveur pour garantir qu'ils pointent vers la bonne adresse backend.
• Vérifier que l'express l'application écoute sur le port 3001 et gère les requêtes API comme prévu.
• Y compris des instructions de journalisation supplémentaires, telles que console.warn(xhr.responseText), pour mieux comprendre la réponse du serveur. Cela pourrait révéler la cause première de la réponse HTML au lieu du JSON prévu.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!