Closed
Description
What version of Tailwind CSS are you using?
2.2.7
What build tool (or framework if it abstracts the build tool) are you using?
sveltekit, vite
What version of Node.js are you using?
v14
What browser are you using?
Chrome
What operating system are you using?
macOS
Reproduction repository
n/a
Describe your issue
The main postcss-plugin of tailwind has a "hack" in place to support es-module and commonjs environments (https://github.com/tailwindlabs/tailwindcss/blob/master/plugin.js).
The same "hack" is missing for the tailwindcss/nesting export so it fails to be imported in es-module-environments like sveltekit with the following error:
info => Adding stories defined in "sveltekit-minimal/.storybook/main.js"
ERR! Error [ERR_UNSUPPORTED_DIR_IMPORT]: Directory import 'sveltekit-minimal/node_modules/tailwindcss/nesting' is not supported resolving ES modules imported from sveltekit-minimal/svelte.config.js
ERR! Did you mean to import tailwindcss@2.2.7_7b69a43ec4689fa7484dee35f79a7806/node_modules/tailwindcss/nesting/index.js?
ERR! at finalizeResolution (internal/modules/esm/resolve.js:267:17)
ERR! at moduleResolve (internal/modules/esm/resolve.js:694:10)
ERR! at Loader.defaultResolve [as _resolve] (internal/modules/esm/resolve.js:805:11)
ERR! at Loader.resolve (internal/modules/esm/loader.js:88:40)
ERR! at Loader.getModuleJob (internal/modules/esm/loader.js:241:28)
ERR! at ModuleWrap.<anonymous> (internal/modules/esm/module_job.js:72:40)
ERR! at link (internal/modules/esm/module_job.js:71:36)
ERR! Error [ERR_UNSUPPORTED_DIR_IMPORT]: Directory import 'sveltekit-minimal/node_modules/tailwindcss/nesting' is not supported resolving ES modules imported from sveltekit-minimal/svelte.config.js
ERR! Did you mean to import tailwindcss@2.2.7_7b69a43ec4689fa7484dee35f79a7806/node_modules/tailwindcss/nesting/index.js?
ERR! at finalizeResolution (internal/modules/esm/resolve.js:267:17)
ERR! at moduleResolve (internal/modules/esm/resolve.js:694:10)
ERR! at Loader.defaultResolve [as _resolve] (internal/modules/esm/resolve.js:805:11)
ERR! at Loader.resolve (internal/modules/esm/loader.js:88:40)
ERR! at Loader.getModuleJob (internal/modules/esm/loader.js:241:28)
ERR! at ModuleWrap.<anonymous> (internal/modules/esm/module_job.js:72:40)
ERR! at link (internal/modules/esm/module_job.js:71:36) {
ERR! code: 'ERR_UNSUPPORTED_DIR_IMPORT',
ERR! url: 'file://sveltekit-minimal/node_modules/tailwindcss/nesting'
ERR! }
Metadata
Metadata
Assignees
Labels
No labels