0
318
VisualizaçõesJS incluido con el paquete web puede resolverse en submódulos pero ts/spfx no puede
Tengo una biblioteca local con algunos submódulos, agregué dinámicamente un paquete.json en la carpeta dist para indicar qué archivos quiero exponer usando "exportaciones".
Lo que no puedo entender es por qué mecanografiado me da este error: 
"minimal-module-webpack/omega" es un submódulo de "minimal-module-webpack" y debe resolverse en omega.js. Aquí está el paquete.json colocado dentro de la carpeta dist:
{ "main": "./index.js", "exports": { "./omega": "./omega.js", "./beta": "./beta.js", "./alpha": "./alpha.js" } } Lo mismo de un proyecto webpack con js: 
Entonces, ¿qué me podría haber estado perdiendo aquí? ¿Por qué esto funciona con js pero el compilador ts se queja? Incluso si elimino el paquete.json del dist y uso las exportaciones en la raíz de la lib que apunta al dist tsc todavía se queja.
1 Respostas
Responde à pergunta0
Después de una extensa lectura y prueba, utilicé:
tsc --traceResolutionDescubrí cómo funciona la resolución en mecanografiado. y me di cuenta de que la versión de mecanografiado que se usa en SPFX no hace nada con la propiedad "exportaciones" de package.json. esta función solo está disponible a partir de TypeScript 4.5.
Lo resolví creando la declaración en una carpeta de tipos y moviéndola a la carpeta dist usando el gancho afterEmit.
const copyTypings = (root) => { glob.sync(root + '/**/*.d.ts').map( el => fs.copyFileSync(el, el.replace(root, './dist')) ) } //--- //webpack.config.js apply: (compiler) => { compiler.hooks.afterEmit.tap("stuff", (compilation) => { copyTypings('./types') }); }, // output from tsc --traceResolution ======== Module name 'design/components/footer' was successfully resolved to 'C:/Code/Monorepo%20Sample%20App/design/dist/components/footer.d.ts'. ========