[Bug]: [vite] Internal server error: Missing "./preview.js" specifier in "@storybook/react" package #23338

kamiljurek · 2023-07-06T12:21:35Z

Describe the bug

I am experiencing this error.

Using NX 16.5.0, storybook 7.0.26
commands done:

npm install -D @nx/storybook
nx g @nx/storybook:configuration {project_name}
nx storybook {project_name}

in the network tab in developer console I see the call:
http://localhost:4400/virtual:/@storybook/builder-vite/vite-app.js which returns 404
added test component is listed on the left side but endless loading circle is showed in the center:

component doesn't render at all.

any hints?

To Reproduce

No response

System

logs:
2:20:07 PM [vite] Internal server error: Missing "./preview.js" specifier in "@storybook/react" package Plugin: vite:import-analysis File: /virtual:/@storybook/builder-vite/vite-app.js at e (file:///Users/kajurek/repo/bdb/frontend/bdb-monorepo/node_modules/vite/dist/node/chunks/dep-1d3a4915.js:21424:25) at n (file:///Users/kajurek/repo/bdb/frontend/bdb-monorepo/node_modules/vite/dist/node/chunks/dep-1d3a4915.js:21424:627) at o (file:///Users/kajurek/repo/bdb/frontend/bdb-monorepo/node_modules/vite/dist/node/chunks/dep-1d3a4915.js:21424:1297) at resolveExportsOrImports (file:///Users/kajurek/repo/bdb/frontend/bdb-monorepo/node_modules/vite/dist/node/chunks/dep-1d3a4915.js:28705:20) at resolveDeepImport (file:///Users/kajurek/repo/bdb/frontend/bdb-monorepo/node_modules/vite/dist/node/chunks/dep-1d3a4915.js:28724:31) at tryNodeResolve (file:///Users/kajurek/repo/bdb/frontend/bdb-monorepo/node_modules/vite/dist/node/chunks/dep-1d3a4915.js:28415:20) at Context.resolveId (file:///Users/kajurek/repo/bdb/frontend/bdb-monorepo/node_modules/vite/dist/node/chunks/dep-1d3a4915.js:28176:28) at async Object.resolveId (file:///Users/kajurek/repo/bdb/frontend/bdb-monorepo/node_modules/vite/dist/node/chunks/dep-1d3a4915.js:44099:32) at async ModuleGraph._resolveUrl (file:///Users/kajurek/repo/bdb/frontend/bdb-monorepo/node_modules/vite/dist/node/chunks/dep-1d3a4915.js:64784:46) at async file:///Users/kajurek/repo/bdb/frontend/bdb-monorepo/node_modules/vite/dist/node/chunks/dep-1d3a4915.js:64702:45 at async Promise.all (index 1) at async ModuleGraph.updateModuleInfo (file:///Users/kajurek/repo/bdb/frontend/bdb-monorepo/node_modules/vite/dist/node/chunks/dep-1d3a4915.js:64678:13) at async TransformContext.transform (file:///Users/kajurek/repo/bdb/frontend/bdb-monorepo/node_modules/vite/dist/node/chunks/dep-1d3a4915.js:42016:39) at async Object.transform (file:///Users/kajurek/repo/bdb/frontend/bdb-monorepo/node_modules/vite/dist/node/chunks/dep-1d3a4915.js:44175:30) at async loadAndTransform (file:///Users/kajurek/repo/bdb/frontend/bdb-monorepo/node_modules/vite/dist/node/chunks/dep-1d3a4915.js:54810:29) ^C%

Additional context

No response

The text was updated successfully, but these errors were encountered:

marcovanharten-cpi · 2023-07-06T12:33:09Z

@kamiljurek . We are running into the same issue

silltho · 2023-07-06T13:27:07Z

Can confirm having the same issue. Downgrading storybook and addons to 7.0.25 does not work. We are also using nx but just for task execution, but i'm also facing the error when executing "storybook dev -p 6006" from npm scripts.

Example Config:

import { StorybookConfig } from '@storybook/react-vite'
import { mergeConfig } from 'vite'

const config: StorybookConfig = {
  framework: {
    name: '@storybook/react-vite',
    options: {},
  },
  stories: ['../src/**/*.stories.@(tsx|mdx)'],
  addons: [
    '@storybook/addon-docs',
    '@storybook/addon-actions',
    '@storybook/addon-controls',
    '@storybook/addon-viewport',
    '@storybook/addon-backgrounds',
  ],
  async viteFinal(config) {
    const mergedConfig = mergeConfig(config, {
      build: {
        sourcemap: false, // prevent node out of memory error
      },
    })
    return mergedConfig
  },
}

export default config

marcovanharten-cpi · 2023-07-06T13:30:57Z

Our team confirmed the issue is something with our vite version. Downgrading to "vite": "~4.3.9" patched up the issue for now... (not the greatest solution ofcourse)

Mahonism · 2023-07-06T13:32:37Z

Just wanted to add the same answer as marcovanharten-cpi. We have the same issue and vite 4.3.9 is working with that issue. so we can confirm the workaround

silltho · 2023-07-06T13:48:15Z

Our team confirmed the issue is something with our vite version. Downgrading to "vite": "~4.3.9" patched up the issue for now... (not the greatest solution ofcourse)

Thx vite downgrade to 4.3 solved the issue for now. ❤️

TessavWalstijn · 2023-07-06T14:13:27Z

I have been pulling my hear for almost 5 hours >..<

Locking Vite on 3.9 fixed it!

patak-dev · 2023-07-06T15:51:41Z

This issue should be fixed in vite@4.4.1

valentinpalkovic · 2023-07-06T18:25:28Z

Closing as this issue has been resolved upstream.

maaaathis · 2023-12-01T09:06:47Z

This error occurs again with storybook v7.6.2, nx v17.1.3 & vite 5.0.4.

insidewhy · 2023-12-02T11:39:39Z

I'm getting something similar but like this:

Missing "./dist/entry-preview.mjs" specifier in "@storybook/react" package

with vite 4.5.0, vite 5.0.4, vite 4.3.9 and vite 4.4.1

ant-dep · 2023-12-14T16:30:02Z

having with vite 5.0.9 and Storybook 7.6.4

=> Failed to build the preview
Error: Missing "./preview" specifier in "@storybook/react" package  with vite 5.0.9 and Storybook 7.6.4

edit (29/12/23): same with 5.0.10 and Storybook 7.6.6

ant-dep · 2023-12-29T08:44:16Z

having with vite 5.0.9 and Storybook 7.6.4
=> Failed to build the preview
Error: Missing "./preview" specifier in "@storybook/react" package  with vite 5.0.9 and Storybook 7.6.4
edit (29/12/23): same with 5.0.10 and Storybook 7.6.6

I fixed it by removing ViteFinal optmize deps from .storybook/main.ts

I had 👇

  viteFinal: async (config) => {
    config.optimizeDeps = {
      ...config.optimizeDeps,
      include: [
        '@bbbtech/storybook-formik',
        '@storybook/react/preview',
        '@storybook/addon-docs/preview',
        '@storybook/addon-essentials/backgrounds/preview',
        '@storybook/addon-essentials/measure/preview',
        '@storybook/addon-essentials/outline/preview',
        '@storybook/addon-essentials/highlight/preview',
        '@storybook/addon-actions/preview',
        'storybook-addon-pseudo-states/preview'
      ]
    };

    return config;
  }

Sinakhx · 2024-01-06T10:11:24Z

removing node_modules & .lock files & re-installing the packages fixed the issue for me.

ant-dep · 2024-01-06T10:50:41Z

Storybook 7.6.7 fixes this :)

Darkspice · 2024-01-17T14:08:38Z

Update package @storybook/react to 7.6.9 helped fix this issue.

enix79 · 2024-01-23T21:29:58Z

I was able to fix this issue by running "npx storybook automigrate" and realizing, that my storybook deps are note deduped:

After I have run "npm dedupe", that error has gone.

I had issues with both react and react-vite packages:

silouanwright · 2025-02-21T01:18:47Z

If anyone comes across this issue, look very carefully at your storybook main.js file. You may have added some level of configuration that was necessary for older Storybook versions, but not for the latest ones.

kamiljurek added bug needs triage labels Jul 6, 2023

github-project-automation bot added this to Core Team Projects Jul 6, 2023

ndelangen added the builder-vite label Jul 6, 2023

IanVS mentioned this issue Jul 6, 2023

[Bug] Storybook breaks with Vite 4.4.0-beta #23322

Closed

1 task

AriPerkkio mentioned this issue Jul 6, 2023

chore(deps): update all non-major npm dependencies AriPerkkio/aria-live-capture#86

Merged

1 task

patak-dev mentioned this issue Jul 6, 2023

fix: revert #13073, use consistent virtual module ID in module graph vitejs/vite#13734

Merged

4 tasks

valentinpalkovic closed this as completed Jul 6, 2023

github-project-automation bot moved this to Done in Core Team Projects Jul 6, 2023

jma1020 mentioned this issue Jul 16, 2023

dashboard 스토리북 세팅 dothis-world/dothis-projects#372

Merged

1 task

ghsteff mentioned this issue Mar 11, 2024

Fix body scroll lock on iOS reaviz/rdk#12

Merged

2 tasks

alexgorbatchev mentioned this issue Oct 28, 2024

2.0.3 is missing preview in exports alexgorbatchev/storybook-addon-localstorage#5

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Bug]: [vite] Internal server error: Missing "./preview.js" specifier in "@storybook/react" package #23338

[Bug]: [vite] Internal server error: Missing "./preview.js" specifier in "@storybook/react" package #23338

kamiljurek commented Jul 6, 2023 •

edited

Loading

marcovanharten-cpi commented Jul 6, 2023

silltho commented Jul 6, 2023

marcovanharten-cpi commented Jul 6, 2023

Mahonism commented Jul 6, 2023

silltho commented Jul 6, 2023 •

edited

Loading

TessavWalstijn commented Jul 6, 2023

patak-dev commented Jul 6, 2023

valentinpalkovic commented Jul 6, 2023

maaaathis commented Dec 1, 2023 •

edited

Loading

insidewhy commented Dec 2, 2023 •

edited

Loading

ant-dep commented Dec 14, 2023 •

edited

Loading

ant-dep commented Dec 29, 2023 •

edited

Loading

Sinakhx commented Jan 6, 2024

ant-dep commented Jan 6, 2024

Darkspice commented Jan 17, 2024

enix79 commented Jan 23, 2024

silouanwright commented Feb 21, 2025

[Bug]: [vite] Internal server error: Missing "./preview.js" specifier in "@storybook/react" package #23338

[Bug]: [vite] Internal server error: Missing "./preview.js" specifier in "@storybook/react" package #23338

Comments

kamiljurek commented Jul 6, 2023 • edited Loading

Describe the bug

To Reproduce

System

Additional context

marcovanharten-cpi commented Jul 6, 2023

silltho commented Jul 6, 2023

marcovanharten-cpi commented Jul 6, 2023

Mahonism commented Jul 6, 2023

silltho commented Jul 6, 2023 • edited Loading

TessavWalstijn commented Jul 6, 2023

patak-dev commented Jul 6, 2023

valentinpalkovic commented Jul 6, 2023

maaaathis commented Dec 1, 2023 • edited Loading

insidewhy commented Dec 2, 2023 • edited Loading

ant-dep commented Dec 14, 2023 • edited Loading

ant-dep commented Dec 29, 2023 • edited Loading

Sinakhx commented Jan 6, 2024

ant-dep commented Jan 6, 2024

Darkspice commented Jan 17, 2024

enix79 commented Jan 23, 2024

silouanwright commented Feb 21, 2025

kamiljurek commented Jul 6, 2023 •

edited

Loading

silltho commented Jul 6, 2023 •

edited

Loading

maaaathis commented Dec 1, 2023 •

edited

Loading

insidewhy commented Dec 2, 2023 •

edited

Loading

ant-dep commented Dec 14, 2023 •

edited

Loading

ant-dep commented Dec 29, 2023 •

edited

Loading