一見正しい JSON 応答にもかかわらず、React アプリが「予期しないトークン < in JSON at location 0」エラーを受け取るのはなぜですか?

「_SyntaxError: Unexpected token < in JSON at location 0_」への反応

Facebook 風のフィードを備えた React アプリでは、謎のエラーが発生しました:「Feed.js:94 unknown」 'parsererror' 'SyntaxError: JSON の位置 0 に予期しないトークンがあります'"。このエラーは通常、Google Chrome が HTML を JSON として解析しようとしたときに発生し、JSON コンテンツ タイプを割り当てているにもかかわらず、サーバーの応答に実際には HTML が含まれているのではないかという疑いが生じます。

この問題をさらに詳しく調べるために、次のことを調べました。 Chrome の開発者ツールと REST クライアントを使用したサーバーの出力は、JSON 形式に準拠しているように見えます。ただし、重要な詳細はそうではないことを示唆しています。React は意図した API ("http://localhost:3001/api/threads" ではなく、不可解なことに別のエンドポイント ("http://localhost:3000/?_=1463499798727") をポーリングしています) ).

当初、あなたはこの相違を疑うことはなく、タイプミスや最近変更されたコードを潜在的なものとして除外していました。犯人たち。ただし、意図しない変更により React のポーリング動作が変更され、誤った場所からデータが取得される可能性があります。

この問題を解決するには、次のことを検討してください。

• Webpack 構成とホットリロードサーバー設定が正しいバックエンドを指していることを確認します。 address.
• Express アプリがポート 3001 でリッスンし、API リクエストを期待どおりに処理していることを確認します。
• さらに詳細を取得するには、console.warn(xhr.responseText) などの追加のログ ステートメントを含めます。サーバーの応答を洞察します。これにより、意図した JSON ではなく HTML 応答の根本原因が明らかになる可能性があります。

以上が一見正しい JSON 応答にもかかわらず、React アプリが「予期しないトークン < in JSON at location 0」エラーを受け取るのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。