React Js: Uncaught (в обещании) СинтаксисError: Неожиданный токен <в JSON в позиции 0

Question

Я хочу получить мой Json-файл в response js, для этого я использую 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

Добавить два заголовка 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");}); 
}