[Bug] Images cannot be imported (Error: Image import "assets/img/favicon.png" is not a valid image file. The image may be corrupted or an unsupported format.)

[mehdi-pwn]

Version

last

Reproduction link

https://jsfiddle.net/6xofdkw9/

Operating System

Windows 10

Device

Lenovo laptop

Browser & Version

Chrome@latest

Steps to reproduce

1. download the current zip file of the app from website
2. npm update to update depencies to latest lts version
3. modify next.config.js to the mentioned code in JSFiddle
4. npm run dev

What is expected?

App runs without error

What is actually happening?

This error displaying for each image in terminal (one error at once, but when remove the codes of that image on file, next error displays):

Error: Image import "assets/img/favicon.png" is not a valid image file. The image may be corrupted or an unsupported format.

---

Solution

Additional comments

the solution should work for all images + images which will be added later