Home cover section src property of image error.. how do i resolve this?

codebucks27 / Nextjs-tailwindcss-blog-template

⭐Build SEO optimized personal blog website with Next.js, Tailwind CSS and Contentlayer. If you want to learn to create this you can follow the tutorial link given in the Read me file.

https://create-blog-with-nextjs.vercel.app/

MIT License

514 stars 197 forks source link

Home cover section src property of image error.. how do i resolve this? #1

Closed iamskp544 closed 1 year ago

iamskp544 commented 1 year ago

Error: Image with src "" has "placeholder='blur'" property but is missing the "blurDataURL" property. Possible solutions:

Add a "blurDataURL" property, the contents should be a small Data URL to represent the image
Change the "src" property to a static import with one of the supported file types: jpeg,png,webp,avif (animated images not supported)
Remove the "placeholder" property, effectively no blur effect Read more: https://nextjs.org/docs/messages/placeholder-blur-data-url

codebucks27 commented 1 year ago

Error: Image with src "" has "placeholder='blur'" property but is missing the "blurDataURL" property. Possible solutions: - Add a "blurDataURL" property, the contents should be a small Data URL to represent the image - Change the "src" property to a static import with one of the supported file types: jpeg,png,webp,avif (animated images not supported) - Remove the "placeholder" property, effectively no blur effect Read more: https://nextjs.org/docs/messages/placeholder-blur-data-url

Hey, Cover section component has blurDataURL prop. Can you send the screenshot of the error that you are getting?

iamskp544 commented 1 year ago

codebucks27 commented 1 year ago

Hey, Which version of the Node.js are you using? I'm not getting any error I have checked this again.