He intentado muchas maneras de salir de este problema. Tengo una carpeta llamada Screens en la que tengo un nombre de archivo HomeScreen.js

 assets-- |__ padlock.png Screens-- |__ HomeScreen.js

Cuando intento importar padlock.png en HomeScreen.js , aparece el siguiente error.

No se puede resolver el módulo ./assets/padlock.png desde D:\User\react\myproject\Screens\HomeScreen.js:

Siguiendo los métodos que he probado en HomeScreen.js

 const imageLock = require("../assets/padlock.png"); //Not working const imageLock = { uri: "../assets/padlock.png" }; //Not Working import imageLock from "../assets/padlock.png"; //not working

Me aseguré de que padlock.png exista y no estoy cometiendo ningún error. El mensaje de error completo es el siguiente.

No se puede resolver el módulo ./assets/padlock.png desde D:\User\react\myproject\Screens\HomeScreen.js:

Ninguno de estos archivos existe:

• candado.png
• Pantallas\activos\candado.png\index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|. js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
  27 | const imageLock = require("../assets/padlock.png"); | ^ 28 | 29 | exportar función predeterminada Pantalla de inicio ({navegación}) { 30 | const [modalOpen, setModalOpen] = useState(false);