رفع مشکل 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 در یکی از المان های صفحه ی شما رخ داده است.

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

موفق باشید.