رفع مشکل link rel=preload has an invalid imagesrcset value در nextjs

رفع مشکل link rel=preload has an invalid imagesrcset value در nextjs

این خطا معمولا در مرورگر safari که در سیستم عامل مک دارید اتفاق می‌افتد و در این نوشته به روش رفع آن می‌پردازیم.

رفع مشکل link rel=preload has an invalid imagesrcset value در nextjs

متن خطایی که دریافت می‌کنید به شرح زیر است:

<link rel=preload> has an invalid `imagesrcset` value

این خطا را در developer mode و در بخش console باید مشاهده کنید. برای رفع این خطا باید به فایل تنظیمات next js که next.config.js است بروید و در آن تنظیمات زیر را اضافه کنید:

module.exports = {
  images: {
    domains: ["yourdomain.com"],
  },
}

اگر در module.exports خود از قبل مقادیری دارید بخش images کد بالا را فقط به آن اضافه کنید و قبل از ذخیره‌ی آن آدرس مورد نظر خود را در domains قرار دهید. این آدرس در واقع آدرس سایت شما است. این خطا به علت تنظیم کردن مقدار periority=true در یکی از المان‌های صفحه‌ی شما رخ داده است.

در صورتی که این خطا برای شما رفع نشد در بخش نظرات همین نوشته برای ما بنویسید.