Creé una biblioteca de componentes muy simple para Vue in Vite y la publiqué en NPM. Al consumir componentes del archivo lib.js , funciona bien.

Sin embargo, ahora necesito poder importar desde mi biblioteca (o más bien el paquete NPM) un solo archivo JS.

Sin embargo, en el sitio de consumo, recibo un error y creo que todo tiene que ver con la configuración de mi clave de exports en el package.json

paquete.json (Biblioteca)

 { "name": "@michaelpumo/components-vue", "version": "0.0.22", "types": "./dist/types/lib.d.ts", "files": [ "dist" ], "main": "./dist/lib.js", "module": "./dist/lib.js", "exports": { ".": { "import": "./dist/lib.js", "require": "./dist/lib.js" }, "./tailwind": "./dist/tailwind.config.js" } }

En mi sitio de consumo, intento importar el archivo Tailwind de esta manera:

 const { units, config } = require('@michaelpumo/components-vue/tailwind') console.log(units) // This outputs correctly, so the require worked. module.exports = { config, units }

Esto realmente registra el contenido de las 'unidades' del archivo Tailwind, por lo que sé que se ha encontrado correctamente.

Sin embargo, en la terminal, me sale un error:

 ERROR Failed to compile with 1 errors This dependency was not found: * @michaelpumo/components-vue/tailwind in ./tailwind.config.js

No estoy seguro de lo que está yendo mal aquí.

Aquí está la estructura de mi paquete NPM:

Podría valer la pena mencionar que el sitio de consumo es un sitio de Nuxt.js, pero no estoy seguro de que eso haga alguna diferencia aquí.

Cualquier ayuda muy apreciada.