con encore webpack, agrego un archivo js:
Encore .addEntry('js/request', './assets/js/request.js') .cleanupOutputBeforeBuild() .disableSingleRuntimeChunk() .splitEntryChunks() ...Dentro de request.js, importo un módulo personalizado:
import Request from './request'; console.log(Request); window.Request = Request;Que se exporta en request/index.js:
export default () => ({ url: null, options: { method: 'GET' }, response: null, load() { ...Bastante sencillo en realidad. PERO, cuando compilo esto, recibo una advertencia:
advertencia en ./assets/js/request.js
"exportar 'predeterminado' (importado como 'Solicitud') no se encontró en './solicitud'
Y se registra indefinido para esa console.log(Request); dominio.
Por lo general, esto sucede cuando no exporta de forma predeterminada, pero yo sí y de alguna manera no. Esto no tiene ningún sentido para mí. Soy bastante nuevo en webpack y no pude encontrar una pista útil hasta ahora ...
¿Alguien tiene idea de lo que estoy haciendo mal?
Oh hombre, puse un request.js y un request/index.js en la misma carpeta. Entonces, cuando import ./request dentro de request.js , se importará solo debido a la jerarquía de la detección de archivos de importación.
Ahora colocaré todos los archivos en una carpeta separada /entries y podré import ../request . Importar explícitamente import ./request/index.js también funcionará.
Supongo que esto solo tiene que suceder una vez, cuando comienzas con módulos, webpack y esas cosas...