Failed to load preset: "@storybook-vue\\nuxt\\preset" on Windows

[g1ronn1mo]

I used git clone to clone the repo.

I installed with pnpm i

and ran with pnpm storybook dev

I got:

> nuxt-app@ storybook C:\Users\benes\Scripts\test\storybook-nuxt-demo
> storybook dev -p 6006 "dev"

@storybook/cli v7.1.0-rc.1

WARN   Failed to load preset: "@storybook-vue\\nuxt\\preset"
ERR! C:\Users\benes\Scripts\test\storybook-nuxt-demo\node_modules\.pnpm\@[email protected]_@[email protected]_@[email protected][email protected]_react_ela7uhthjaw3mu5v4apvscj7ey\node_modules\@storybook-vue\nuxt\dist\preset.mjs:1
ERR! import { join } from 'path';
ERR! ^^^^^^
ERR! 
ERR! SyntaxError: Cannot use import statement outside a module
ERR!     at Object.compileFunction (node:vm:360:18)
ERR!     at wrapSafe (node:internal/modules/cjs/loader:1088:15)
ERR!     at Module._compile (node:internal/modules/cjs/loader:1123:27)   
ERR!     at Module._extensions..js (node:internal/modules/cjs/loader:1213:10)
ERR!     at Object.newLoader [as .mjs] (C:\Users\benes\Scripts\test\storybook-nuxt-demo\node_modules\.pnpm\[email protected][email protected]\node_modules\esbuild-register\dist\node.js:2262:9)
ERR!     at Module.load (node:internal/modules/cjs/loader:1037:32)       
ERR!     at Module._load (node:internal/modules/cjs/loader:878:12)       
ERR!     at Module.require (node:internal/modules/cjs/loader:1061:19)    
ERR!     at require (node:internal/modules/cjs/helpers:103:18)
ERR!     at Object.<anonymous> (C:\Users\benes\Scripts\test\storybook-nuxt-demo\node_modules\.pnpm\@[email protected]_@[email protected]_@[email protected][email protected]_react_ela7uhthjaw3mu5v4apvscj7ey\node_modules\@storybook-vue\nuxt\preset.js:1:18)
ERR!  C:\Users\benes\Scripts\test\storybook-nuxt-demo\node_modules\.pnpm\@[email protected]_@[email protected]_@[email protected][email protected]_react_ela7uhthjaw3mu5v4apvscj7ey\node_modules\@storybook-vue\nuxt\dist\preset.mjs:1
ERR! import { join } from 'path';
ERR! ^^^^^^
ERR!
\storybook-nuxt-demo\node_modules\.pnpm\@[email protected]\node_modules\@storybook\core-server\dist\index.js:57:1918)
ERR!     at buildDevStandalone (C:\Users\benes\Scripts\test\storybook-nuxt-demo\node_modules\.pnpm\@[email protected]\node_modules\@storybook\core-server\dist\index.js:128:1888)
ERR!     at async withTelemetry (C:\Users\benes\Scripts\test\storybook-nuxt-demo\node_modules\.pnpm\@[email protected]\node_modules\@storybook\core-server\dist\index.js:113:3659)
ERR!     at async dev (C:\Users\benes\Scripts\test\storybook-nuxt-demo\node_modules\.pnpm\@[email protected]\node_modules\@storybook\cli\dist\generate.js:435:401)
ERR!     at async Command.<anonymous> (C:\Users\benes\Scripts\test\storybook-nuxt-demo\node_modules\.pnpm\@[email protected]\node_modules\@storybook\cli\dist\generate.js:437:225)

WARN Broken build, fix the error above.
WARN You may need to refresh the browser.

I am using Windows 11 with PWSH

[alniv94]

any update on this? got the same error.

[chakAs3]

any update on this? got the same error.

did you update the package ? 0.0.1-rc.4

[alniv94]

any update on this? got the same error.

did you update the package ? 0.0.1-rc.4

I installed with pnpm i

and ran with pnpm storybook dev like in the README instruction

[alniv94]

this is my package.json

[chakAs3]

well you still using old version.

you create blank nuxt app and then run the this init command

pnpm i
npx storybook-nuxt@latest init

this will install storybook for you with the necessary config

[happy-turtle]

I got this error as well on Windows. Switching to a Linux Devcontainer I was able to resolve the error. Maybe it has something to do with path resolution on Windows?

[g1ronn1mo]

This was, what I thought as well. @chakAs3, use Node.js path.join() Method istead of hard coding the path. I will switch to WSL and have a look, if this will work for me.

[chakAs3]

@happy-turtle please use the latest version 0.0.3. here the recent demo https://github.com/storybook-vue/storybook-nuxt-starter

[ahmed7am1d]

@happy-turtle please use the latest version 0.0.3. here the recent demo https://github.com/storybook-vue/storybook-nuxt-starter

Still having the same issue even with the latest version (on Windows 10)

[chakAs3]

@ahmed7am1d i can see the issue is not related to the plugin, some deps are not installed properly, i will update the demo with new versios

[Pecral]

@chakAs3 did you update the demo already? The latest checkout of https://github.com/storybook-vue/storybook-nuxt-starter still leads to the same issue on windows 10 / windows 11

[chakAs3]

@chakAs3 did you update the demo already? The latest checkout of https://github.com/storybook-vue/storybook-nuxt-starter still leads to the same issue on windows 10 / windows 11

i will give a try in window and get back to you.

[ZacchNaa]

Hi!, Any solution yet, I'm having the same issue on Windows 10