Receiving an error when deploying react app to vercel

user_16513652 0
Viewed 210

Having issues deploying my create-react-app project to Vercel using their dashboard. I removed all of my images from my src and am calling them like src={"images/my-image.png"} from myenter image description here public folder.

It deploys fine with no errors in my localhost. Am I needed to clear a cache somewhere? Please help!

enter image description here

vercel create-react-app reactjs command-line-interface
1 Answers

You can change src={'string'} to

import Avatar3 from '../public/images/avatar-3.png'

...
    <Image src={Avatar3} ... />
...

src

Must be one of the following:

  • A statically imported image file, or
  • A path string. This can be either an absolute external URL, or an internal path depending on the loader prop or loader configuration.

ref. https://nextjs.org/docs/api-reference/next/image

user_178143210
Related