Comments (14)
Edit: Pruning the lock file did not work.
from storybook.
That did the trick!
from storybook.
Did you upgrade with npx storybook@latest upgrade
? From the log you shared, all the unfound exports are related to work recently shipped in 8.1. This makes me think that some of your dependencies didn't get upgraded properly for some reasons.
from storybook.
I did yeah, I get the same error. Tried the usual suspects, such as doing a full delete of node_modules
, etc.
from storybook.
Hmm. That's strange. Can you prune your lock file or run yarn upgrade -S @storybook
?
from storybook.
We encounter the same issue after upgrading to the newest version.
There appears to be a problem with all native addons. When we activate either @storybook/addon-interactions
or @storybook/addon-essentials
it stops building.
from storybook.
@valentinpalkovic @vanessayuenn Anything else you recommend here? Could this issue stem from the web-components package?
from storybook.
@JamesIves what happens when you npm ls @storybook/core-events
? Or any of the other problematic packages? I'm wondering if there are multiple versions installed and it's getting the old one for some reason.
from storybook.
Output:
├─┬ @geometricpanda/[email protected]
│ ├─┬ @storybook/[email protected]
│ │ ├─┬ @storybook/[email protected]
│ │ │ └── @storybook/[email protected] deduped
│ │ ├── @storybook/[email protected] deduped
│ │ └─┬ @storybook/[email protected]
│ │ └─┬ @storybook/[email protected]
│ │ └── @storybook/[email protected] deduped
│ ├── @storybook/[email protected]
│ ├─┬ @storybook/[email protected]
│ │ └── @storybook/[email protected] deduped
│ └─┬ @storybook/[email protected]
│ └── @storybook/[email protected] deduped
├─┬ @storybook/[email protected]
│ └── @storybook/[email protected]
├─┬ @storybook/[email protected]
│ └─┬ @storybook/[email protected]
│ ├─┬ @storybook/[email protected]
│ │ └── @storybook/[email protected] deduped
│ ├── @storybook/[email protected]
│ ├─┬ @storybook/[email protected]
│ │ ├─┬ @storybook/[email protected]
│ │ │ └── @storybook/[email protected] deduped
│ │ └── @storybook/[email protected] deduped
│ ├─┬ @storybook/[email protected]
│ │ └── @storybook/[email protected] deduped
│ └─┬ @storybook/[email protected]
│ └── @storybook/[email protected] deduped
├─┬ @storybook/[email protected]
│ ├─┬ @storybook/[email protected]
│ │ ├─┬ @storybook/[email protected]
│ │ │ └── @storybook/[email protected] deduped
│ │ ├── @storybook/[email protected]
│ │ ├─┬ @storybook/[email protected]
│ │ │ ├─┬ @storybook/[email protected]
│ │ │ │ └── @storybook/[email protected] deduped
│ │ │ └── @storybook/[email protected] deduped
│ │ └─┬ @storybook/[email protected]
│ │ └── @storybook/[email protected] deduped
│ ├─┬ @storybook/[email protected]
│ │ └─┬ @storybook/[email protected]
│ │ └─┬ @storybook/[email protected]
│ │ └─┬ @storybook/[email protected]
│ │ └── @storybook/[email protected]
│ └─┬ @storybook/[email protected]
│ └── @storybook/[email protected] deduped
├─┬ @storybook/[email protected]
│ ├─┬ @storybook/[email protected]
│ │ └── @storybook/[email protected]
│ ├─┬ @storybook/[email protected]
│ │ ├─┬ @storybook/[email protected]
│ │ │ └── @storybook/[email protected] deduped
│ │ └── @storybook/[email protected] deduped
│ └─┬ @storybook/[email protected]
│ └── @storybook/[email protected] deduped
├─┬ @storybook/[email protected]
│ ├─┬ @storybook/[email protected]
│ │ ├─┬ @storybook/[email protected]
│ │ │ └── @storybook/[email protected] deduped
│ │ ├─┬ @storybook/[email protected]
│ │ │ └── @storybook/[email protected] deduped
│ │ ├── @storybook/[email protected]
│ │ ├─┬ @storybook/[email protected]
│ │ │ ├─┬ @storybook/[email protected]
│ │ │ │ └── @storybook/[email protected]
│ │ │ └─┬ @storybook/[email protected]
│ │ │ └─┬ @storybook/[email protected]
│ │ │ └── @storybook/[email protected] deduped
│ │ └─┬ @storybook/[email protected]
│ │ └── @storybook/[email protected] deduped
│ ├─┬ @storybook/[email protected]
│ │ └── @storybook/[email protected]
│ └─┬ @storybook/[email protected]
│ └─┬ @storybook/[email protected]
│ └── @storybook/[email protected] deduped
├─┬ @storybook/[email protected]
│ ├─┬ @storybook/[email protected]
│ │ ├─┬ @storybook/[email protected]
│ │ │ └── @storybook/[email protected] deduped
│ │ └── @storybook/[email protected]
│ ├─┬ @storybook/[email protected]
│ │ ├─┬ @storybook/[email protected]
│ │ │ └── @storybook/[email protected] deduped
│ │ └── @storybook/[email protected] deduped
│ └─┬ @storybook/[email protected]
│ └── @storybook/[email protected] deduped
└─┬ [email protected]
├─┬ @storybook/[email protected]
│ ├── @storybook/[email protected] deduped
│ └─┬ @storybook/[email protected]
│ ├─┬ @storybook/[email protected]
│ │ └── @storybook/[email protected] deduped
│ └── @storybook/[email protected] deduped
├─┬ @storybook/[email protected]
│ └── @storybook/[email protected] deduped
├── @storybook/[email protected]
├─┬ @storybook/[email protected]
│ └── @storybook/[email protected] deduped
├─┬ @storybook/[email protected]
│ └── @storybook/[email protected] deduped
└─┬ [email protected]
└─┬ @storybook/[email protected]
├─┬ @storybook/[email protected]
│ └─┬ @storybook/[email protected]
│ └─┬ @storybook/[email protected]
│ └── @storybook/[email protected]
├─┬ @storybook/[email protected]
│ └── @storybook/[email protected] deduped
├── @storybook/[email protected]
├─┬ @storybook/[email protected]
│ ├─┬ @storybook/[email protected]
│ │ └─┬ @storybook/[email protected]
│ │ ├── @storybook/[email protected]
│ │ └─┬ @storybook/[email protected]
│ │ └─┬ @storybook/[email protected]
│ │ └── @storybook/[email protected] deduped
│ ├─┬ @storybook/[email protected]
│ │ └── @storybook/[email protected] deduped
│ ├─┬ @storybook/[email protected]
│ │ └── @storybook/[email protected] deduped
│ ├── @storybook/[email protected]
│ ├─┬ @storybook/[email protected]
│ │ └── @storybook/[email protected] deduped
│ └─┬ @storybook/[email protected]
│ └── @storybook/[email protected] deduped
├─┬ @storybook/[email protected]
│ └─┬ @storybook/[email protected]
│ └─┬ @storybook/[email protected]
│ └── @storybook/[email protected]
├─┬ @storybook/[email protected]
│ └─┬ @storybook/[email protected]
│ ├── @storybook/[email protected]
│ └─┬ @storybook/[email protected]
│ └─┬ @storybook/[email protected]
│ └── @storybook/[email protected] deduped
└─┬ @storybook/[email protected]
└─┬ @storybook/[email protected]
└── @storybook/[email protected] deduped
from storybook.
It seems that geometricpanda/storybook-addon-badges
is using Storybook 7 dependencies. Please file an issue in the authors repo to update the addon.
If you are using yarn >= v2 as a package manager, you could run yarn up @storybook/* -R
to update all transitive Storybook packages to the latest version. Otherwise, please try to remove all Storybook dependencies, run an install. Then re-add them and run an install again (also skip the badges add-on for now to see whether it is the culprit)
from storybook.
Removed that addon, still getting the error with the following. 🤔
├─┬ @storybook/addon-actions@8.1.4
│ └── @storybook/core-events@8.1.4
├─┬ @storybook/addon-controls@8.1.4
│ └─┬ @storybook/blocks@8.1.4
│ └── @storybook/core-events@8.1.4 deduped
├─┬ @storybook/addon-docs@8.1.4
│ └─┬ @storybook/preview-api@8.1.4
│ └── @storybook/core-events@8.1.4 deduped
├─┬ @storybook/addon-essentials@8.1.4
│ └─┬ @storybook/core-common@8.1.4
│ └── @storybook/core-events@8.1.4 deduped
├─┬ @storybook/manager-api@8.1.4
│ ├─┬ @storybook/channels@8.1.4
│ │ └── @storybook/core-events@8.1.4 deduped
│ └── @storybook/core-events@8.1.4 deduped
├─┬ @storybook/web-components-webpack5@8.1.4
│ └─┬ @storybook/builder-webpack5@8.1.4
│ └── @storybook/core-events@8.1.4 deduped
├─┬ @storybook/web-components@8.1.4
│ └─┬ @storybook/docs-tools@8.1.4
│ └── @storybook/core-events@8.1.4 deduped
└─┬ storybook-addon-mock@5.0.0
├─┬ @storybook/channels@8.0.9
│ └── @storybook/core-events@8.0.9 deduped
├── @storybook/core-events@8.0.9
└─┬ storybook@8.0.9
└─┬ @storybook/cli@8.0.9
├─┬ @storybook/codemod@8.0.9
│ └─┬ @storybook/types@8.0.9
│ └─┬ @storybook/channels@8.0.9
│ └── @storybook/core-events@8.0.9
├─┬ @storybook/core-common@8.0.9
│ └── @storybook/core-events@8.0.9 deduped
├── @storybook/core-events@8.0.9
├─┬ @storybook/core-server@8.0.9
│ ├─┬ @storybook/builder-manager@8.0.9
│ │ └─┬ @storybook/core-common@8.0.9
│ │ ├── @storybook/core-events@8.0.9
│ │ └─┬ @storybook/types@8.0.9
│ │ └─┬ @storybook/channels@8.0.9
│ │ └── @storybook/core-events@8.0.9 deduped
│ ├─┬ @storybook/channels@8.0.9
│ │ └── @storybook/core-events@8.0.9 deduped
│ ├─┬ @storybook/core-common@8.0.9
│ │ └── @storybook/core-events@8.0.9 deduped
│ ├── @storybook/core-events@8.0.9
│ ├─┬ @storybook/manager-api@8.0.9
│ │ └── @storybook/core-events@8.0.9 deduped
│ └─┬ @storybook/preview-api@8.0.9
│ └── @storybook/core-events@8.0.9 deduped
├─┬ @storybook/csf-tools@8.0.9
│ └─┬ @storybook/types@8.0.9
│ └─┬ @storybook/channels@8.0.9
│ └── @storybook/core-events@8.0.9
├─┬ @storybook/telemetry@8.0.9
│ └─┬ @storybook/core-common@8.0.9
│ ├── @storybook/core-events@8.0.9
│ └─┬ @storybook/types@8.0.9
│ └─┬ @storybook/channels@8.0.9
│ └── @storybook/core-events@8.0.9 deduped
└─┬ @storybook/types@8.0.9
└─┬ @storybook/channels@8.0.9
└── @storybook/core-events@8.0.9 deduped
info => Building manager..
✘ [ERROR] No matching export in "global-externals:@storybook/core-events" for import "ARGTYPES_INFO_REQUEST"
node_modules/@storybook/preview-api/dist/index.mjs:4:85:
4 │ import { STORY_RENDERED, STORY_INDEX_INVALIDATED, UPDATE_GLOBALS, UPDATE_STORY_ARGS, ARGTYPES_INFO_REQUEST, RESET_STORY_ARGS, FORCE_RE_RENDER, FORCE_REMOUNT, SET_GLOBALS, GLOBALS_UPDATED, STORY_AR...
╵ ~~~~~~~~~~~~~~~~~~~~~
✘ [ERROR] No matching export in "global-externals:@storybook/core-events" for import "ARGTYPES_INFO_RESPONSE"
node_modules/@storybook/preview-api/dist/index.mjs:4:208:
4 │ ...GS, FORCE_RE_RENDER, FORCE_REMOUNT, SET_GLOBALS, GLOBALS_UPDATED, STORY_ARGS_UPDATED, ARGTYPES_INFO_RESPONSE, CONFIG_ERROR, SET_CURRENT_STORY, UPDATE_QUERY_PARAMS, PRELOAD_ENTRIES, STORY_SPECIF...
╵ ~~~~~~~~~~~~~~~~~~~~~~
✘ [ERROR] No matching export in "global-externals:@storybook/core-events" for import "ARGTYPES_INFO_REQUEST"
node_modules/@storybook/preview-api/dist/index.mjs:4:85:
4 │ import { STORY_RENDERED, STORY_INDEX_INVALIDATED, UPDATE_GLOBALS, UPDATE_STORY_ARGS, ARGTYPES_INFO_REQUEST, RESET_STORY_ARGS, FORCE_RE_RENDER, FORCE_REMOUNT, SET_GLOBALS, GLOBALS_UPDATED, STORY_AR...
╵ ~~~~~~~~~~~~~~~~~~~~~
✘ [ERROR] No matching export in "global-externals:@storybook/core-events" for import "ARGTYPES_INFO_RESPONSE"
node_modules/@storybook/preview-api/dist/index.mjs:4:208:
4 │ ...GS, FORCE_RE_RENDER, FORCE_REMOUNT, SET_GLOBALS, GLOBALS_UPDATED, STORY_ARGS_UPDATED, ARGTYPES_INFO_RESPONSE, CONFIG_ERROR, SET_CURRENT_STORY, UPDATE_QUERY_PARAMS, PRELOAD_ENTRIES, STORY_SPECIF...
╵ ~~~~~~~~~~~~~~~~~~~~~~
✘ [ERROR] No matching export in "global-externals:@storybook/components" for import "Modal"
node_modules/@storybook/addon-controls/dist/manager.js:3:94:
3 │ import { Bar as Bar$1, Form, AddonPanel, Spaced, Badge, WithTooltip, TooltipNote, IconButton, Modal, Button } from '@storybook/components';
╵ ~~~~~
✘ [ERROR] No matching export in "global-externals:@storybook/core-events" for import "SAVE_STORY_RESPONSE"
node_modules/@storybook/addon-controls/dist/manager.js:4:9:
4 │ import { SAVE_STORY_RESPONSE, SAVE_STORY_REQUEST } from '@storybook/core-events';
╵ ~~~~~~~~~~~~~~~~~~~
✘ [ERROR] No matching export in "global-externals:@storybook/core-events" for import "SAVE_STORY_REQUEST"
node_modules/@storybook/addon-controls/dist/manager.js:4:30:
4 │ import { SAVE_STORY_RESPONSE, SAVE_STORY_REQUEST } from '@storybook/core-events';
╵ ~~~~~~~~~~~~~~~~~~
✘ [ERROR] No matching export in "global-externals:@storybook/manager-api" for import "experimental_requestResponse"
node_modules/@storybook/addon-controls/dist/manager.js:5:91:
5 │ import { addons, types, useArgs, useGlobals, useArgTypes, useParameter, useStorybookState, experimental_requestResponse } from '@storybook/manager-api';
The list of Storybook dependencies I have installed:
"@storybook/addon-a11y": "8.1.4",
"@storybook/addon-actions": "8.1.4",
"@storybook/addon-controls": "8.1.4",
"@storybook/addon-docs": "8.1.4",
"@storybook/addon-essentials": "8.1.4",
"@storybook/addon-links": "8.1.4",
"@storybook/addon-mdx-gfm": "8.1.4",
"@storybook/addon-webpack5-compiler-swc": "1.0.2",
"@storybook/components": "8.1.4",
"@storybook/manager-api": "8.1.4",
"@storybook/web-components": "8.1.4",
"@storybook/web-components-webpack5": "8.1.4",
"storybook-addon-mock": "5.0.0",
"wc-storybook-helpers": "2.0.2"
and here's my addons export, utility-toolbar is a local addon, hence why I have manager-api installed in my package.json file.
export const addons: StorybookConfig['addons'] = [
'@storybook/addon-controls',
'@storybook/addon-a11y',
'@storybook/addon-essentials',
'@storybook/addon-mdx-gfm',
'@storybook/addon-webpack5-compiler-swc',
'storybook-addon-mock',
'./addons/utility-toolbar',
];
from storybook.
@valentinpalkovic @shilman any other suggestions here? I'm using npm not yarn so the yarn command isn't something I can use.
I've tried narrowing down my dependencies list so I'm not duplicating them with the usage of addon-essentials. Removing addon-essentials
will allow it to build, but that's not really an acceptable solution sadly.
export const addons: StorybookConfig['addons'] = [
'@storybook/addon-a11y',
'@storybook/addon-essentials',
'@storybook/addon-webpack5-compiler-swc',
'storybook-addon-mock',
'./addons/utility-toolbar',
];
and
"@storybook/addon-a11y": "8.1.5",
"@storybook/addon-essentials": "8.1.5",
"@storybook/addon-webpack5-compiler-swc": "1.0.3",
"@storybook/components": "8.1.5",
"@storybook/manager-api": "8.1.5",
"@storybook/web-components": "8.1.5",
"@storybook/web-components-webpack5": "8.1.5",
"wc-storybook-helpers": "2.0.2"
from storybook.
@JamesIves the problem is here:
└─┬ [email protected]
├─┬ @storybook/[email protected]
│ └── @storybook/[email protected] deduped
├── @storybook/[email protected]
└─┬ [email protected]
The package manager is hoisting the wrong version of some of the packages. You can force everything to resolve to 8.1.5
using npm overrides, or you can probably uninstall and reinstall storybook-addon-mock
so that it uses 8.1.5
.
Here is storybook-addon-mock
's dependencies. So 8.1.5
matches that version range but npm
is not smart enough to bump the version:
"@storybook/blocks": "^8.0.8",
"@storybook/channels": "^8.0.8",
"@storybook/components": "^8.0.8",
"@storybook/core-events": "^8.0.8",
"@storybook/manager-api": "^8.0.8",
"@storybook/preview-api": "^8.0.8",
To keep it simple you can probably just remove your lockfile and reinstall.
from storybook.
Glad to hear you got it sorted @JamesIves ! We're working on changes for 8.2 that should make this easier to diagnose/fix.
from storybook.
Related Issues (20)
- Tags: Project-level tags failure crashes Storybook
- [Bug]: vue-component-meta docgen HMR not working
- Addon-backgrounds: Migrate to story globals
- Addon-viewport: Migrate to story globals
- Addon-themes: Migrate to story globals
- [Bug]: Cannot read properties of null (reading 'useContext')
- [Bug]: RSC stories that use "react-server" exports do not get bundled correctly HOT 5
- [Bug]: [Angular] argsToTemplate not showing correct value on "Show code" with input signals
- [@storybook/test] Move `@testing-library/dom` to a peerDependency HOT 6
- [Bug]: All `fn()` stubs get logged in the `Actions` panel, not just the component's args HOT 4
- [Bug]: subcomponents get type error HOT 1
- [Bug]: Backgrounds no longer working with Angular and MDX HOT 1
- [Bug]: Cleanup logs during storybook init
- [Bug]: Angular 18 Library: Missing documentations generated by compodoc within a Angular Library project setup HOT 1
- [Bug]: Component does not lose focus under specific circumstances (vuetify)
- [Bug]: Storybook builds twice on launch HOT 13
- [Bug]: Tailwind CSS Styles Not Applying in Next.js Application
- Make chromatic (firefox) repro for user event issues
- [Bug]: Angular outputPath object not supported (TypeError [ERR_INVALID_ARG_TYPE]: The "paths[1]" argument must be of type string.)
- [Bug]: Storybook installs, dies. HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from storybook.