ظهور الخطأ NextJS - Unexpected token < in JSON at position 0

تنسيق جواب الطلب للملف من الخادم يبدو أنه خاطئ ولا يعيد تنسيق JSON، حاول تحديد ال Accept مع الطلب وتحديد النوع ك application/json لطلب التسنيق حصرا JSON كالتالي:

let res = await fetch(`${server}/data`,{
  headers: {
    'Content-Type': 'application/json' // طلب التنسيق JSON من الخادم
  },
});

const articles = await res.json();

return {
  props: {
    articles,
  },
};

في تطبيق المخدم لديك، تأكد من إرسال الرد للزبون على شكل JSON..   أي res.json

app.get('/', function(req, res){
    res.json({ user: 'wael' });
});

يجب أن يرسل المخدم الرد على شكل JSON ليتمكن المتصفح (العميل) من إعادة البيانات لشكل JSON بعد وصولها

في حال كنت تريد إرسال غرض كإجابة استخدم JSON.stringify:

response.write(JSON.stringify(anObject));

قم بطباعة الarticles وأرني ناتج الطباعة من فضلك