خطأ SyntaxError: Unexpected token باستخدام fetch في جافاسكربت

المشكلة في تحويل الرد القادم من الخادم وقراءته بصيغة JSON ضمن الاستدعاء التالي:

.then(response => response.json())

حاول قراءة الخطأ الذي يرسله الخادم لمعرفة سبب المشكلة، يمكنك ذلك بالتحقق من رمز الحالة للرد الوارد قبل تحويل الرد إلى json، ثم قراءة جسم الطلب وعرضه في حال أردت ذلك أو معالجة الخطأ وعرض رسالة توضيحية للمستخدم إذا كان الخطأ معلومًا كالتالي:   

.then(async response => {
  if(!response.ok){
    // فحص ومعالجة الخطأ
    console.error(await response.text());
    // ..
  }
  return response;
})
.then(response => response.json())