Lightrun
question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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
Previous page

Pre-bundling dependencies

Next page

Storybook Vite 2x slower than the default