Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
lovelyJason opened this issue Jan 22, 2025 · 1 comment

Comments

@lovelyJason
Copy link

lovelyJason commented Jan 22, 2025

Describe the bug

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   │
  │   [email protected][email protected][email protected][email protected]_@[email protected]_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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "WithTooltip"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "TooltipNote"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "Form"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "withReset"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "SyntaxHighlighter"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "FlexBar"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "Form"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "IconButton"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "codeCommon"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "components"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "Zoom"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "ActionBar"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "Button"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "Link"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "ResetWrapper"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "Code"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "nameSpaceClassNames"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "H3"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "H2"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "Loader"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "EmptyTabContent"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "TabsState"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "ErrorFormatter"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "getStoryHref"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "WithTooltipPure"
  
      ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/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/@[email protected][email protected][email protected][email protected][email protected][email protected]_/node_modules/@storybook/blocks/dist/Color-F6OSRLHC.mjs:3:9: ERROR: No matching export in "../../node_modules/.pnpm/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "WithTooltip"
  ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/node_modules/@storybook/blocks/dist/Color-F6OSRLHC.mjs:3:22: ERROR: No matching export in "../../node_modules/.pnpm/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "TooltipNote"
  ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/node_modules/@storybook/blocks/dist/Color-F6OSRLHC.mjs:3:35: ERROR: No matching export in "../../node_modules/.pnpm/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "Form"
  ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/node_modules/@storybook/blocks/dist/index.mjs:4:9: ERROR: No matching export in "../../node_modules/.pnpm/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "withReset"
  ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/node_modules/@storybook/blocks/dist/index.mjs:4:20: ERROR: No matching export in "../../node_modules/.pnpm/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "SyntaxHighlighter"
  ...
  
    ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/node_modules/@storybook/blocks/dist/Color-F6OSRLHC.mjs:3:9: ERROR: No matching export in "../../node_modules/.pnpm/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "WithTooltip"
    ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/node_modules/@storybook/blocks/dist/Color-F6OSRLHC.mjs:3:22: ERROR: No matching export in "../../node_modules/.pnpm/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "TooltipNote"
    ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/node_modules/@storybook/blocks/dist/Color-F6OSRLHC.mjs:3:35: ERROR: No matching export in "../../node_modules/.pnpm/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "Form"
    ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/node_modules/@storybook/blocks/dist/index.mjs:4:9: ERROR: No matching export in "../../node_modules/.pnpm/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "withReset"
    ../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected]_/node_modules/@storybook/blocks/dist/index.mjs:4:20: ERROR: No matching export in "../../node_modules/.pnpm/[email protected][email protected]/node_modules/storybook/core/components/index.js" for import "SyntaxHighlighter"
    ...
    at failureErrorWithLog (D:\projects\nominox\gamebff-frontend\node_modules\.pnpm\[email protected]\node_modules\esbuild\lib\main.js:1472:15)
    at D:\projects\nominox\gamebff-frontend\node_modules\.pnpm\[email protected]\node_modules\esbuild\lib\main.js:945:25
    at D:\projects\nominox\gamebff-frontend\node_modules\.pnpm\[email protected]\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)

Image

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

Copy link
Contributor

greptile-apps bot commented Jan 22, 2025

** 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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant