Estoy tratando de mostrar imágenes en la pantalla, pero lo único que obtengo es esto

Seguí varias guías diferentes, pero todas me llevaron de vuelta a esta imagen rota o a ninguna imagen. He probado los formatos svg, jpg y png pero ninguno se muestra correctamente. Obtuve mis imágenes de Flaticon y las guardé como png y jpg. No funcionaron, hice mi propio jpg, eso no funcionó. Luego probé svg pero me muestran este mensaje

Aquí está el código que tengo en el paquete web para cargar el módulo.

 module: { rules: [ { test: /\.scss$/, use: ['style-loader','css-loader','sass-loader'], }, { test: /\.(png|svg|jpg|jpeg|gif)$/i, type: 'asset/resource', }, ] },

aquí está el código que tengo para importar la imagen en js

 //import menuburger from './images/test.jpg' const menuburger = require("./images/menu-burger.svg"); //import add from './images/add.svg' //import menuleft from './images/angle-left.svg' const main = async () => { const mb = document.getElementById('MenuBurgerIMG') mb.src = menuburger;

fuente html

 <div class = "Menem" id = "MenuBurger"> <img id = "MenuBurgerIMG" alt = "" style ="width: 100%;height:100%;"> </div>