React Js：Uncaught（約束しています）SyntaxError：予期しないトークン<位置0のJSONで

Question

私はreact jで自分の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" 
} 

Answer 1

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

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");}); 
}