Next build doesnt work with png imports

What version of Next.js are you using?

11.1.2

What version of Node.js are you using?

14.17.3

What browser are you using?

Chrome

What operating system are you using?

Ubuntu

How are you deploying your application?

next build

Describe the Bug

While developing, an error appeared in an image import. However, the image rendered normally and appeared on the screen. However, when giving build, for some reason the script does not go through this step.

Following error:

yarn run v1.22.5
$ next build
info  - Loaded env from /media/XXX/ubuntuHD/workspace/XXX/landing/.env
info  - Using webpack 5. Reason: Enabled by default https://nextjs.org/docs/messages/webpack5
Failed to compile.

./src/pages/index.tsx:8:24
Type error: Cannot find module '../assets/cards.png' or its corresponding type declarations.

   6 | 
   7 | //assets
>  8 | import cardsImage from "../assets/cards.png"
     |                        ^
   9 | import logo from "../assets/logo192.png"
  10 | 
  11 | export default function Home() {
error Command failed with exit code 1.

Expected Behavior

Script build normally

To Reproduce

Just run yarn run build with a png import

[lucasReghiniM]

i already removed the next-images to solve that build problem. Now I will try what you said. Because I want to import the images directly from src Thanks a lot for the quick answer!!

[ijjk]

I would recommend trying out the built-in Next.js image handling and removing next-images if you can.