Durante dos días traté de resolver este problema. No muestra nada y escribe: "Es posible que necesite un cargador apropiado para manejar este tipo de archivo, actualmente no hay cargadores configurados para procesar este archivo".

Estoy usando este código para capturar una imagen estática PNG, jpg y png con el cargador de archivos, pero aún no funciona, perdí toda esperanza

 module.exports = { module: { rules: [ { test: /\.(jpg|PNG|png|jpe?g|gif)$/i, use: [ { loader: 'file-loader', }, ], }, ], }, };

y también

 <template> <img :src="checkUri"/> </template> <script> export default { props: { item: { type: Object, required: true, } }, /// computed: { checkUri() { return require('../assets/image/items/' + this.item.img) } } } </script>

en mi componente