¿Cómo importo archivos de los directorios principales/otros en mi proyecto de reacción? Quiero importar imágenes de la carpeta de images pero encontré un error Module not found: Error: Can't resolve '../assets/images/Web_SVG.svg'.

Estructura de mi proyecto:

 -- src ==> assets --> Images --> "Web_SVG.svg" (Image I want to import) ==> components --> pages - Home.js (File I'm working on) ==> Other Files (index.js, App.js, etc)

Probé algunas soluciones de esta pregunta aquí Pero no funciona para mí.

Código para Home.js

 import React from 'react'; //Importing Img import { img } from '../assets/images/Web_SVG.svg'; export default function Home() { return ( <> <div className="flex bg-red-50"> <div> <img src={img} alt="" /> </div> </div> </> ) }