[解決済み】React Js: Uncaught (in promise) SyntaxError: 位置 0 の JSON で予期しないトークン < が発生しました。

質問

react jsでJsonファイルを取得したいのですが、そのために以下のものを使っています。 fetch. しかし、それはエラーを表示します。

Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0

何がエラーになるのでしょうか、手がかりがありません。JSONの検証も行いました。

handleGetJson(){
  console.log("inside handleGetJson");
  fetch(`./fr.json`)
    .then((response) => response.json())
    .then((messages) => {console.log("messages");});
}

マイJson(fr.json)

{
  "greeting1": "(fr)choose an emoticon",
  "addPhoto1": "(fr)add photo",
  "close1": "(fr)close"
}

解決するには？

ヘッダを2つ追加する Content-Type と Accept と等しくなるように application/json.

handleGetJson(){
  console.log("inside handleGetJson");
  fetch(`./fr.json`, {
      headers : { 
        'Content-Type': 'application/json',
        'Accept': 'application/json'
       }

    })
    .then((response) => response.json())
    .then((messages) => {console.log("messages");});
}