search

storybookjs / builder-vite

A builder plugin to run and build Storybooks with Vite
MIT License
886 stars 109 forks source link

[Bug] ERR_PACKAGE_PATH_NOT_EXPORTED error with SvelteKit 1.0.0 and Vite 4 #532

Closed vekunz closed 1 year ago

vekunz commented 1 year ago

What version of vite are you using?

4.0.0

System info and storybook versions

System: OS: Windows 10 10.0.19045 CPU: (12) x64 Intel(R) Core(TM) i7-9850H CPU @ 2.60GHz Binaries: Node: 16.19.0 - C:\Program Files\nodejs\node.EXE npm: 8.13.2 - C:\Program Files\nodejs\npm.CMD Browsers: Chrome: 108.0.5359.100 Edge: Spartan (44.19041.1266.0), Chromium (108.0.1462.46) npmPackages: @storybook/addon-actions: ^6.5.14 => 6.5.14 @storybook/addon-essentials: ^6.5.14 => 6.5.14 @storybook/addon-interactions: ^6.5.14 => 6.5.14 @storybook/addon-links: ^6.5.14 => 6.5.14 @storybook/builder-vite: ^0.2.5 => 0.2.5 @storybook/svelte: ^6.5.14 => 6.5.14 @storybook/testing-library: ^0.0.13 => 0.0.13

Describe the Bug

With the latest SvelteKit 1.0.0 with Vite 4.0.0, Storybook just crashes right after start with npm run storybook.

To reproduce, just run npm install and npm run storybook in the reproduction repo.

ERR! Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No "exports" main defined in C:\path-to-repo\node_modules\@sveltejs\vite-plugin-svelte\package.json
ERR!     at new NodeError (node:internal/errors:387:5)
ERR!     at throwExportsNotFound (node:internal/modules/esm/resolve:365:9)
ERR!     at packageExportsResolve (node:internal/modules/esm/resolve:589:7)
ERR!     at resolveExports (node:internal/modules/cjs/loader:529:36)
ERR!     at Function.Module._findPath (node:internal/modules/cjs/loader:569:31)
ERR!     at Function.Module._resolveFilename (node:internal/modules/cjs/loader:981:27)
ERR!     at Function.Module._load (node:internal/modules/cjs/loader:841:27)
ERR!     at Module.require (node:internal/modules/cjs/loader:1067:19)
ERR!     at require (node:internal/modules/cjs/helpers:103:18)
ERR!     at pluginConfig (C:\path-to-repo\node_modules\@storybook\builder-vite\dist\vite-config.js:161:34)
ERR!  Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No "exports" main defined in C:\path-to-repo\node_modules\@sveltejs\vite-plugin-svelte\package.json
ERR!     at new NodeError (node:internal/errors:387:5)
ERR!     at throwExportsNotFound (node:internal/modules/esm/resolve:365:9)
ERR!     at packageExportsResolve (node:internal/modules/esm/resolve:589:7)
ERR!     at resolveExports (node:internal/modules/cjs/loader:529:36)
ERR!     at Function.Module._findPath (node:internal/modules/cjs/loader:569:31)
ERR!     at Function.Module._resolveFilename (node:internal/modules/cjs/loader:981:27)
ERR!     at Function.Module._load (node:internal/modules/cjs/loader:841:27)
ERR!     at Module.require (node:internal/modules/cjs/loader:1067:19)
ERR!     at require (node:internal/modules/cjs/helpers:103:18)
ERR!     at pluginConfig (path-to-repo\node_modules\@storybook\builder-vite\dist\vite-config.js:161:34) {
ERR!   code: 'ERR_PACKAGE_PATH_NOT_EXPORTED'
ERR! }

Link to Minimal Reproducible Example

https://github.com/vekunz/storybook-svelte-error

Participation

IanVS commented 1 year ago

Thanks, I'll work on updating this package for vite 4 soon. Svelte has gone to ESM only, which is causing some headaches for us.

IanVS commented 1 year ago

The latest 0.4.x version of this package supports Vite 4, but there seems to be an issue with mdx styling. I'm going to close this out, but let me know if it's still an issue, and keep an eye on https://github.com/storybookjs/builder-vite/issues/561 for the styling bug.