Rollup failed to resolve import "{}" from "node_modules/@storybook/client-logger/dist/esm/index.js"

See original GitHub issue

Hey! Having issues trying to build storybook. I recreated the issue in a stackblitz: https://stackblitz.com/edit/storybook-vite-builder-client-logger-build-bug?file=package.json

Running storybook in dev works OK locally (stackblitz seems to be choking on installing esbuild), but the npm run build-storybook command errors out the same way I’m experiencing locally and hope it’s enough of a clue.

[vite]: Rollup failed to resolve import "{}" from "node_modules/@storybook/client-logger/dist/esm/index.js".
This is most likely unintended because it can break your application at runtime.
If you do want to externalize this module explicitly add it to
`build.rollupOptions.external`
ERR! Error: [vite]: Rollup failed to resolve import "{}" from "node_modules/@storybook/client-logger/dist/esm/index.js".
ERR! This is most likely unintended because it can break your application at runtime.
ERR! If you do want to externalize this module explicitly add it to
ERR! `build.rollupOptions.external`
Full command output 
❯ npm run build-storybook
$ build-storybook -s public
info @storybook/react v6.3.4
info 
info => Cleaning outputDir: /home/projects/storybook-vite-builder-client-logger-build-bug/storybook-static
info => Copying static files: ./public => ./
info => Loading presets
info => Compiling manager..
vite v2.4.2 building for production...
✓ 15 modules transformed.
[vite]: Rollup failed to resolve import "{}" from "node_modules/@storybook/client-logger/dist/esm/index.js".
This is most likely unintended because it can break your application at runtime.
If you do want to externalize this module explicitly add it to
`build.rollupOptions.external`
ERR! Error: [vite]: Rollup failed to resolve import "{}" from "node_modules/@storybook/client-logger/dist/esm/index.js".
ERR! This is most likely unintended because it can break your application at runtime.
ERR! If you do want to externalize this module explicitly add it to
ERR! `build.rollupOptions.external`
ERR!     at onRollupWarning (/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/vite/dist/node/chunks/dep-11db14da.js:51691:19)
ERR!     at onwarn (/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/vite/dist/node/chunks/dep-11db14da.js:51481:13)
ERR!     at Object.eval [as onwarn] (/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/rollup/dist/shared/rollup.js:20470:13)
ERR!     at ModuleLoader.handleResolveId (/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/rollup/dist/shared/rollup.js:19819:26)
ERR!     at eval (/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/rollup/dist/shared/rollup.js:19766:22)
ERR!     at async Promise.all (index 8)
ERR!     at async ModuleLoader.fetchStaticDependencies (/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/rollup/dist/shared/rollup.js:19764:34)
ERR!     at async Promise.all (index 0)
ERR!     at async ModuleLoader.fetchModule (/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/rollup/dist/shared/rollup.js:19740:9)
ERR!     at async Promise.all (index 2)
ERR!     at async ModuleLoader.fetchStaticDependencies (/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/rollup/dist/shared/rollup.js:19764:34)
ERR!     at async Promise.all (index 0)
ERR!     at async ModuleLoader.fetchModule (/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/rollup/dist/shared/rollup.js:19740:9)
ERR!     at async Promise.all (index 0)
ERR!     at async ModuleLoader.fetchStaticDependencies (/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/rollup/dist/shared/rollup.js:19764:34)
ERR!     at async Promise.all (index 0)
ERR!  Error: [vite]: Rollup failed to resolve import "{}" from "node_modules/@storybook/client-logger/dist/esm/index.js".
ERR! This is most likely unintended because it can break your application at runtime.
ERR! If you do want to externalize this module explicitly add it to
ERR! `build.rollupOptions.external`
ERR!     at onRollupWarning (/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/vite/dist/node/chunks/dep-11db14da.js:51691:19)
ERR!     at onwarn (/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/vite/dist/node/chunks/dep-11db14da.js:51481:13)
ERR!     at Object.eval [as onwarn] (/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/rollup/dist/shared/rollup.js:20470:13)
ERR!     at ModuleLoader.handleResolveId (/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/rollup/dist/shared/rollup.js:19819:26)
ERR!     at eval (/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/rollup/dist/shared/rollup.js:19766:22)
ERR!     at async Promise.all (index 8)
ERR!     at async ModuleLoader.fetchStaticDependencies (/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/rollup/dist/shared/rollup.js:19764:34)
ERR!     at async Promise.all (index 0)
ERR!     at async ModuleLoader.fetchModule (/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/rollup/dist/shared/rollup.js:19740:9)
ERR!     at async Promise.all (index 2)
ERR!     at async ModuleLoader.fetchStaticDependencies (/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/rollup/dist/shared/rollup.js:19764:34)
ERR!     at async Promise.all (index 0)
ERR!     at async ModuleLoader.fetchModule (/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/rollup/dist/shared/rollup.js:19740:9)
ERR!     at async Promise.all (index 0)
ERR!     at async ModuleLoader.fetchStaticDependencies (/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/rollup/dist/shared/rollup.js:19764:34)
ERR!     at async Promise.all (index 0) {
ERR!   watchFiles: [
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/iframe.html',
ERR!     '/virtual:/@storybook/builder-vite/vite-app.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/react/dist/esm/client/index.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/client-api/dist/esm/index.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/client-logger/dist/esm/index.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/.storybook/preview.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/addon-docs/dist/esm/frameworks/react/config.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/addon-measure/dist/esm/preset/preview.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/storybook-addon-outline/dist/esm/preset/addDecorator.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/components/Button/Button.stories.tsx',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/react/dist/esm/client/preview/index.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/react/dist/esm/client/preview/types-6-3.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/client-api/dist/esm/client_api.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/client-api/dist/esm/decorators.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/client-api/dist/esm/parameters.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/client-api/dist/esm/story_store.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/client-api/dist/esm/config_api.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/client-api/dist/esm/pathToId.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/client-api/dist/esm/simulate-pageload.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/client-api/dist/esm/queryparams.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/client-api/dist/esm/filterArgTypes.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/client-api/dist/esm/hooks.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/client-api/dist/esm/types.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/client-api/dist/esm/inferControls.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/core-js/modules/es.array.concat.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/core-js/modules/es.set.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/core-js/modules/es.object.to-string.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/core-js/modules/es.string.iterator.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/core-js/modules/es.array.iterator.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/core-js/modules/web.dom-collections.iterator.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/core-js/modules/es.string.replace.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/core-js/modules/es.regexp.exec.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/addon-docs/dist/esm/blocks/index.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/addon-docs/dist/esm/frameworks/common/enhanceArgTypes.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/addon-docs/dist/esm/frameworks/react/extractArgTypes.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/addon-docs/dist/esm/lib/docgen/index.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/addon-docs/dist/esm/frameworks/react/jsxDecorator.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/addon-links/dist/esm/index.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/addon-actions/dist/esm/index.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/addon-actions/dist/esm/preset/addArgsHelpers.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/addon-backgrounds/dist/esm/decorators/index.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/@storybook/addon-measure/dist/esm/withMeasure.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/storybook-addon-outline/dist/esm/withOutline.js',
ERR!     '/home/projects/storybook-vite-builder-client-logger-build-bug/node_modules/storybook-addon-outline/dist/esm/constants.js'
ERR!   ]
ERR! }

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:6

github_iconTop GitHub Comments

1reaction
eirslettcommented, Jul 19, 2021

Try window.process = { env: {} } maybe?

1reaction
eirslettcommented, Jul 17, 2021

I tried running it, but some files were missing (tsconfig, stitches.config…)

It looks like a lot is going on, can you try to reproduce the issue in a fresh repo, starting from

npm init @vitejs/app vite-react-app --template react && cd vite-react-app
npm install # or yarn
npx sb@next init --builder storybook-builder-vite && npm run storybook

and working in that direction? I suspect that one of the addons might be the problem. (dark mode or addons design, maybe?)

Read more comments on GitHub >

github_iconTop Results From Across the Web

Rollup failed to resolve import (Vite 2.0.0-beta.1) #1291 - GitHub
(and there's indeed a file node_modules/reakit-system/es/createComponent.js ). Other packages that I've ran into the same issue with (e.g. react ...
Read more >
Rollup failed to resolve import "jss-plugin-{}" - Stack Overflow
I found a solution that I don't love, but it works! I use this vite.config.js file: import { defineConfig } from 'vite' import...
Read more >
Rollup failed to resolve import "react-is" from "node_modules ...
This is the error message after we try to deploy our app. I'm at a loss, npm run build works on my local,...
Read more >
rollup failed to resolve import "react-dom/client" - You.com
16:42:54 [vite] Internal server error: Failed to resolve import "./encode.js" from "node_modules/@libp2p/mplex/src/mplex.ts?v=3146d3a3".
Read more >
Error in bundling InstantSearch with Svelte/Rollup - Open Q&A
I am trying to get Algolia InstantSearch.js working with my Svelte ... Rollup failed to resolve import "instantsearch.js/es/widgets.js" from ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found