[Bug]: __dirname is not defined error while running vitest with storybook 8.3 integrated with sveltekit and vitest addon
#29151
Comments
|
Thanks for the report! After investigating it, @valentinpalkovic and I have a few pointers:
We then ran into a bunch of general Vitest Browser Mode - SvelteKit - Svelte 5 issues that seems to be unrelated to Storybook but more a general issue with their integration. This is a bit strange because we have this working in our CI, but I can't get a regular Vitest Browser + SvelteKit + Svelte 5 setup working at all, I'll have to investigate that further. As a side-note, |
My bad. Not sure why that got missed out. Here's the revised link where it should reproduce the
Got it. I have filed the feature request on the |
|
I can confirm that issue and would love to see #29157 merged to get that resolved. Thx and love to all who are putting efforts into this! <3 A quickfix to solve this issue in the meantime can be achieved like this: export const storybookSveltekitPlugin = () => {
return [
{
name: "storybook:sveltekit-mock-stores",
config: () => ({
resolve: {
alias: {
"$app/forms": resolve(
".",
"node_modules/@storybook/sveltekit/src/mocks/app/forms.ts",
),
"$app/navigation": resolve(
".",
"node_modules/@storybook/sveltekit/src/mocks/app/navigation.ts",
),
"$app/stores": resolve(
".",
"node_modules/@storybook/sveltekit/src/mocks/app/stores.ts",
),
},
},
}),
} satisfies Plugin,
];
}; |
|
I'm getting that in a different place. Why would a |
Describe the bug
While running vitest with storybook 8.3 integrated with sveltekit, addon-svelte-csf and experiemental-vitest-addon, following error is thrown
This appears to be due to
commonjsandesminter-operatability.Reproduction link
https://stackblitz.com/edit/sveltejs-kit-template-default-9enxbt?file=.storybook%2Fmain.js
Reproduction steps
pnpm installsvelte-kit syncto generate.svelte-kitfolderpnpm start- this should successfully run storybookvitest- this should throw the errorSystem
System: OS: macOS 14.6.1 CPU: (10) arm64 Apple M1 Pro Shell: 3.7.1 - /opt/homebrew/bin/fish Binaries: Node: 22.8.0 - ~/Library/pnpm/node npm: 10.1.0 - /opt/homebrew/bin/npm pnpm: 9.10.0 - ~/Library/pnpm/pnpm <----- active Browsers: Chrome: 128.0.6613.138 Safari: 17.6 npmPackages: @storybook/addon-essentials: ^8.3.1 => 8.3.1 @storybook/addon-interactions: ^8.3.1 => 8.3.1 @storybook/addon-links: ^8.3.1 => 8.3.1 @storybook/addon-svelte-csf: next => 5.0.0-next.3 @storybook/blocks: ^8.3.1 => 8.3.1 @storybook/experimental-addon-test: ^8.3.1 => 8.3.1 @storybook/svelte: ^8.3.1 => 8.3.1 @storybook/sveltekit: ^8.3.1 => 8.3.1 @storybook/test: ^8.3.1 => 8.3.1 storybook: ^8.3.1 => 8.3.1Additional context
Since this is the first time I am trying this new experimental setup. I may have missed required steps. I have taken help from the official docs for this setup.
The text was updated successfully, but these errors were encountered: