React JSONで未処理の拒否問題

-3

私はReact 16をビルドしていますが、私はチューターを使っていくつかのアイデアを得ていました。componentDidMount模擬テストでは、次のコードはエラーを投げかけています。。私はまだアプリを実行することができますが、なぜこれが起こっていると好奇心がどのように解決するには？React JSONで未処理の拒否問題

コード：

componentDidMount() { 
    fetch('./fake_db.json') 
     .then(res => res.json()) 
     .then(data => { 
      this.setState({ 
       mbArea: data.mbArea, 
       learningObjs: data.learningObjs, 
       mbPhases: data.mbPhases, 
       attendCount: data.attendCount, 
       trainDate: data.trainDate, 
       trainCoord: data.trainCoord, 
       trainFormat: data.trainFormat, 
       mbStat: data.mbStat, 
       stakeHolders: data.stakeHolders, 
       custType: data.custType, 
       custDay: data.custDay, 
       mbPartner: data.mbPartner, 
       mbOther: data.mbOther 
      }); 
     }); 
    }

し、エラーがある：

思考と入力してください？

ありがとうございました。

出典

2017-11-09 Mark

エラーはあなたがJSONではない何かを受けていることを示していますこと。 HTMLは '<'で始まることが多いので、あなたのルートがhtmlを返すと仮定します。 –

デベロッパーコンソールの[ネットワーク]タブを確認します。あなたはサーバーからjsonを取得していません –

それぞれのコンソールログにデータが正しく変換されることを確認するために渡されたデータを試してくださいエラーは、特定の文字を期待しているが、結果として誤ってデータを読み込んでいるバックグラウンドを追跡してデータの違いを観察し、エラーがどこにあるかを確認するために、バックエンドへのアクセスはありません。 –

-2

あなた.JSONファイルは「<「文字が含まれて

あなたのJSONファイルは、次のような書式設定する必要があります。

{ 
    "key":"value" 
}

出典

2017-11-09 23:56:30

少なくとも答えを投票してください。 –

React JSONで未処理の拒否問題

答えて

関連する問題