Next.js version 14.1.0 - Cannot find Public Images

Answered

fek posted this in #help-forum

2024-01-22T15:42:53.000Z

I can't access my pictures in the public folder

Answered by Ray

try this config then

export const config = {
  matcher: [
    "/((?!api|_next/static|_next/image|favicon.ico|.*\\..*).*)",
  ],
};

16 Replies

2024-01-22T15:44:48.000Z

There is a public folder and there is a picture in it, the path is correct.

2024-01-22T15:58:52.000Z

It can find the image but it return 400 bad request. Could you try with other image

2024-01-22T16:00:34.000Z

I think I realized the mistake I made. I wrote middleware for i18n

I think there is a problem here

I can't access the images because I blocked the _next folder

how can i fix this @Ray

2024-01-22T16:10:46.000Z

I don't think this block it? maybe try rename your middleware to _middleware.ts

2024-01-22T16:11:09.000Z

tried with a different image, still not working

2024-01-22T16:11:45.000Z

you don't have next.svg in the public folder

2024-01-22T16:11:58.000Z

i have image in public

2024-01-22T16:17:20.000Z

removed middleware brings up the image but this does not count as a solution

2024-01-22T16:17:56.000Z

try this config then

export const config = {
  matcher: [
    "/((?!api|_next/static|_next/image|favicon.ico|.*\\..*).*)",
  ],
};

Answer