GET http://localhost:6006/sb-preview/runtime.js net::ERR_ABORTED 404 (Not Found)

[lovelyJason]

Describe the bug

pnpm dlx storybook@8.5.0init

select vue3 and vite
then run pnpm storybook

The command line reported an error：

  info => Starting manager..
  info => Starting preview..
  The CJS build of Vite's Node API is deprecated. See https://vite.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated for more details.
  ╭────────────────────────────────────────────────────────────────────────────────────────────────╮
  │                                                                                                │
  │   Storybook 8.5.0 for D:\projects\nominox\gamebff-frontend\node_modules\.pnpm\@storybook+vue   │
  │   3-vite@8.5.0_storybook@8.5.0_prettier@3.3.3__vite@5.4.9_@types+node@22.7.8_less_ih2kvum5g4   │
  │   cpenog3bonzyb23e\node_modules\@storybook\vue3-vite started                                   │
  │   681 ms for manager and 5.29 s for preview                                                    │
  │                                                                                                │
  │   Local:            http://localhost:6006/                                                     │
  │   On your network:  http://192.168.169.77:6006/                                                │
  │                                                                                                │
  ╰────────────────────────────────────────────────────────────────────────────────────────────────╯X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "WithTooltip"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/Color-F6OSRLHC.mjs:3:9:
        3 │ import { WithTooltip, TooltipNote, Form } from 'storybook/internal/components';
          ╵          ~~~~~~~~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "TooltipNote"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/Color-F6OSRLHC.mjs:3:22:
        3 │ import { WithTooltip, TooltipNote, Form } from 'storybook/internal/components';
          ╵                       ~~~~~~~~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "Form"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/Color-F6OSRLHC.mjs:3:35:
        3 │ import { WithTooltip, TooltipNote, Form } from 'storybook/internal/components';
          ╵                                    ~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "withReset"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:9:
        4 │ import { withReset, SyntaxHighlighter, FlexBar, Form, IconButton, codeCommon, compon...
          ╵          ~~~~~~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "SyntaxHighlighter"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:20:
        4 │ import { withReset, SyntaxHighlighter, FlexBar, Form, IconButton, codeCommon, compon...
          ╵                     ~~~~~~~~~~~~~~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "FlexBar"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:39:
        4 │ import { withReset, SyntaxHighlighter, FlexBar, Form, IconButton, codeCommon, compon...
          ╵                                        ~~~~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "Form"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:48:
        4 │ ...withReset, SyntaxHighlighter, FlexBar, Form, IconButton, codeCommon, components, ...
          ╵                                           ~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "IconButton"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:54:
        4 │ ..., SyntaxHighlighter, FlexBar, Form, IconButton, codeCommon, components, Zoom, Act...
          ╵                                        ~~~~~~~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "codeCommon"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:66:
        4 │ ...lighter, FlexBar, Form, IconButton, codeCommon, components, Zoom, ActionBar, Butt...
          ╵                                        ~~~~~~~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "components"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:78:
        4 │ ...xBar, Form, IconButton, codeCommon, components, Zoom, ActionBar, Button, Link, Re...
          ╵                                        ~~~~~~~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "Zoom"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:90:
        4 │ ...m, IconButton, codeCommon, components, Zoom, ActionBar, Button, Link, ResetWrappe...
          ╵                                           ~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "ActionBar"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:96:
        4 │ ...tton, codeCommon, components, Zoom, ActionBar, Button, Link, ResetWrapper, Code, ...
          ╵                                        ~~~~~~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "Button"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:107:
        4 │ ...eCommon, components, Zoom, ActionBar, Button, Link, ResetWrapper, Code, nameSpace...
          ╵                                          ~~~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "Link"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:115:
        4 │ ..., components, Zoom, ActionBar, Button, Link, ResetWrapper, Code, nameSpaceClassNa...
          ╵                                           ~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "ResetWrapper"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:121:
        4 │ ...ts, Zoom, ActionBar, Button, Link, ResetWrapper, Code, nameSpaceClassNames, H3, H...
          ╵                                       ~~~~~~~~~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "Code"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:135:
        4 │ ...ActionBar, Button, Link, ResetWrapper, Code, nameSpaceClassNames, H3, H2, Loader,...
          ╵                                           ~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "nameSpaceClassNames"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:141:
        4 │ ...ton, Link, ResetWrapper, Code, nameSpaceClassNames, H3, H2, Loader, EmptyTabConte...
          ╵                                   ~~~~~~~~~~~~~~~~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "H3"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:162:
        4 │ ...esetWrapper, Code, nameSpaceClassNames, H3, H2, Loader, EmptyTabContent, TabsStat...
          ╵                                            ~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "H2"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:166:
        4 │ ...Wrapper, Code, nameSpaceClassNames, H3, H2, Loader, EmptyTabContent, TabsState, E...
          ╵                                            ~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "Loader"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:170:
        4 │ ...r, Code, nameSpaceClassNames, H3, H2, Loader, EmptyTabContent, TabsState, ErrorFo...
          ╵                                          ~~~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "EmptyTabContent"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:178:
        4 │ ...SpaceClassNames, H3, H2, Loader, EmptyTabContent, TabsState, ErrorFormatter, getS...
          ╵                                     ~~~~~~~~~~~~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "TabsState"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:195:
        4 │ ...s, H3, H2, Loader, EmptyTabContent, TabsState, ErrorFormatter, getStoryHref, With...
          ╵                                        ~~~~~~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "ErrorFormatter"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:206:
        4 │ ...ader, EmptyTabContent, TabsState, ErrorFormatter, getStoryHref, WithTooltipPure }...
          ╵                                      ~~~~~~~~~~~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "getStoryHref"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:222:
        4 │ ...ontent, TabsState, ErrorFormatter, getStoryHref, WithTooltipPure } from 'storyboo...
          ╵                                       ~~~~~~~~~~~~
  
  X [ERROR] No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "WithTooltipPure"
  
      ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:236:
        4 │ ...e, ErrorFormatter, getStoryHref, WithTooltipPure } from 'storybook/internal/compo...
          ╵                                     ~~~~~~~~~~~~~~~
  
  
   ERROR  Unhandled promise rejection: Build failed with 25 errors:                       17:16:52
  ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/Color-F6OSRLHC.mjs:3:9: ERROR: No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "WithTooltip"
  ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/Color-F6OSRLHC.mjs:3:22: ERROR: No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "TooltipNote"
  ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/Color-F6OSRLHC.mjs:3:35: ERROR: No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "Form"
  ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:9: ERROR: No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "withReset"
  ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:20: ERROR: No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "SyntaxHighlighter"
  ...
  
    ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/Color-F6OSRLHC.mjs:3:9: ERROR: No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "WithTooltip"
    ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/Color-F6OSRLHC.mjs:3:22: ERROR: No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "TooltipNote"
    ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/Color-F6OSRLHC.mjs:3:35: ERROR: No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "Form"
    ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:9: ERROR: No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "withReset"
    ../../node_modules/.pnpm/@storybook+blocks@8.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1_storybook@8.5.0_prettier@3.3.3_/node_modules/@storybook/blocks/dist/index.mjs:4:20: ERROR: No matching export in "../../node_modules/.pnpm/storybook@8.5.0_prettier@3.3.3/node_modules/storybook/core/components/index.js" for import "SyntaxHighlighter"
    ...
    at failureErrorWithLog (D:\projects\nominox\gamebff-frontend\node_modules\.pnpm\esbuild@0.21.5\node_modules\esbuild\lib\main.js:1472:15)
    at D:\projects\nominox\gamebff-frontend\node_modules\.pnpm\esbuild@0.21.5\node_modules\esbuild\lib\main.js:945:25
    at D:\projects\nominox\gamebff-frontend\node_modules\.pnpm\esbuild@0.21.5\node_modules\esbuild\lib\main.js:1353:9
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)

and on the page for http://localhost:6006/, error:

GET http://localhost:6006/sb-preview/runtime.js net::ERR_ABORTED 404 (Not Found)

There are problems with almost all of your versions

Reproduction link

no

Reproduction steps

No response

System

System:
    OS: Windows 10 10.0.19045
    CPU: (24) x64 13th Gen Intel(R) Core(TM) i7-13700
  Binaries:
    Node: 20.14.0 - ~\AppData\Local\fnm_multishells\23504_1737369058038\node.EXE
    npm: 10.7.0 - ~\AppData\Local\fnm_multishells\23504_1737369058038\npm.CMD
    pnpm: 9.12.2 - ~\AppData\Local\fnm_multishells\23504_1737369058038\pnpm.CMD <----- active
  Browsers:
    Edge: Chromium (128.0.2739.63)
  npmPackages:
    @storybook/addon-essentials: 8.5.0 => 8.5.0
    @storybook/addon-interactions: 8.5.0 => 8.5.0
    @storybook/addon-onboarding: 8.5.0 => 8.5.0
    @storybook/blocks: 8.5.0 => 8.5.0
    @storybook/test: 8.5.0 => 8.5.0
    @storybook/vue3: 8.5.0 => 8.5.0
    @storybook/vue3-vite: 8.5.0 => 8.5.0
    storybook: 8.5.0 => 8.5.0

Additional context

No response

[greptile-apps]

** Disclaimer** This information might be inaccurate, due to it being generated automatically
This appears to be an issue with missing exports from the storybook/internal/components package. The error occurs because the Vue3 Vite builder is trying to import components that don't exist at the expected path.

To fix this:

1. Update your imports to use the correct paths:
   js import { WithTooltip, TooltipNote, Form } from '@storybook/components';

2. Add the following to your .storybook/main.js:
   js module.exports = { framework: '@storybook/vue3-vite', core: { disableTelemetry: true }, viteFinal: async (config) => { config.resolve.alias = { ...config.resolve.alias, 'storybook/internal/components': '@storybook/components' }; return config; } };

About Greptile

This response provides a starting point for your research, not a precise solution.

Help us improve! Please leave a 👍 if this is helpful and 👎 if it is irrelevant.

Edit Issue Bot Settings · Greptile

[shavonn]

Experiencing the same 404 error. However, I am using the @storybook/react-vite framework.

[coryphil]

Experiencing the same 404 error. However, I am using the @storybook/react-vite framework.

Same 404 error as well. I’ve filed a separate bug report for it since I’m not having the other non 404 issue in this bug.

[mdillgen]

Same error on @storybook/react-vite

[shilman]

@lovelyJason is on windows. @shavonn @coryphil @mdillgen are you all on windows too? i am unable to reproduce.

[mdillgen]

Hi @shilman , I am on MacOS.
I think it's only fair to provide an example repo here too. However, this only includes a fresh installation.
https://github.com/mdillgen/sb-test

[shilman]

@mdillgen Thanks so much. When I install this on my computer it runs fine:

pnpm i
pnpm run storybook

Can you please run npx storybook info and paste the results here? I'd like to understand what is different about your environment. Thanks for your help to track this down!

[mdillgen]

Hi, @shilman . Thank YOU for investigating. First off all you are right, it runs with pnpm run storybook. Obviously my example repo has npx serve storybook-static -p 6006 as the start script set. This is where the initial screen can’t find the right preview! So pnpm run storybook does solve the issue at a first glance and the landing page “Configure your project” is shown. But, anyway the error persists in console (see attachment):

Also during build it throws some warnings:

vite v6.0.11 building for production...
node_modules/.pnpm/@storybook+core@8.5.1/node_modules/@storybook/core/dist/preview/runtime.js (3212:15): Use of eval in "node_modules/.pnpm/@storybook+core@8.5.1/node_modules/@storybook/core/dist/preview/runtime.js" is strongly discouraged as it poses security risks and may cause issues with minification.
node_modules/.pnpm/@storybook+core@8.5.1/node_modules/@storybook/core/dist/preview/runtime.js (3214:16): Use of eval in "node_modules/.pnpm/@storybook+core@8.5.1/node_modules/@storybook/core/dist/preview/runtime.js" is strongly discouraged as it poses security risks and may cause issues with minification.
✓ 122 modules transformed.

Storybook Environment Info:

System:
OS: macOS 15.2
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Shell: 5.9 - /bin/zsh
Binaries:
Node: 20.11.1 - ~/.nvm/versions/node/v20.11.1/bin/node
npm: 10.2.4 - ~/.nvm/versions/node/v20.11.1/bin/npm
pnpm: 9.15.4 - ~/Library/pnpm/pnpm <----- active
Browsers:
Chrome: 132.0.6834.111
Safari: 18.2
npmPackages:
@storybook/addon-essentials: ^8.5.1 => 8.5.1
@storybook/addon-interactions: ^8.5.1 => 8.5.1
@storybook/addon-onboarding: ^8.5.1 => 8.5.1
@storybook/blocks: ^8.5.1 => 8.5.1
@storybook/react: ^8.5.1 => 8.5.1
@storybook/react-vite: ^8.5.1 => 8.5.1
@storybook/test: ^8.5.1 => 8.5.1
eslint-plugin-storybook: ^0.11.2 => 0.11.2
storybook: ^8.5.1 => 8.5.1

I have updated the example repo to contain the right start script!

[shilman]

Great. I'll give it a shot when I get back to my computer!

[coryphil]

@shilman I am on MacOS. Using react-vite.

[shilman]

@coryphil also experiencing only in production mode like @mdillgen ? Or also in dev mode? What does npx storybook info output on your setup?