Error: No builder configured! #24071
Comments
|
I believe I'm facing a similar issue. Our project was using yarn run v1.22.19
$ storybook dev -p 6006
@storybook/cli v7.4.0
WARN Failed to load preset: "@storybook/nextjs/preset"
Error: Cannot find module 'next/constants'
Require stack:
- ./node_modules/@storybook/nextjs/dist/preset.js
- ./node_modules/@storybook/core-common/dist/index.js
- ./node_modules/@storybook/telemetry/dist/index.js
- ./node_modules/@storybook/cli/dist/generate.js
- ./node_modules/@storybook/cli/bin/index.js
- ./node_modules/storybook/index.js
at Module._resolveFilename (node:internal/modules/cjs/loader:1075:15)
at Module._resolveFilename (./node_modules/esbuild-register/dist/node.js:4768:36)
at Module._load (node:internal/modules/cjs/loader:920:27)
at Module.require (node:internal/modules/cjs/loader:1141:19)
at require (node:internal/modules/cjs/helpers:110:18)
at Object.<anonymous> (./node_modules/@storybook/nextjs/dist/preset.js:1:8432)
at Module._compile (node:internal/modules/cjs/loader:1254:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1308:10)
at Object.newLoader (./node_modules/esbuild-register/dist/node.js:2262:9)
at extensions..js (./node_modules/esbuild-register/dist/node.js:4807:24)
WARN Could not resolve addon "@storybook/addon-storysource", skipping. Is it installed?
WARN Could not resolve addon "@storybook/addon-actions/register", skipping. Is it installed?
info Found existing addon "@storybook/addon-actions/register", skipping.
Error: Invariant failed: No builder configured in core.builder
at invariant (./node_modules/tiny-invariant/dist/tiny-invariant.cjs.js:14:11)
at buildDevStandalone (./node_modules/@storybook/core-server/dist/index.js:116:1867)
at async withTelemetry (./node_modules/@storybook/core-server/dist/index.js:101:4155)
at async dev (./node_modules/@storybook/cli/dist/generate.js:502:401)
at async Command.<anonymous> (./node_modules/@storybook/cli/dist/generate.js:504:225)
WARN Broken build, fix the error above.
WARN You may need to refresh the browser.
WARN Could not resolve addon "@storybook/addon-storysource", skipping. Is it installed?
WARN Could not resolve addon "@storybook/addon-actions/register", skipping. Is it installed?
info Found existing addon "@storybook/addon-actions/register", skipping.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.This is my import { TsconfigPathsPlugin } from 'tsconfig-paths-webpack-plugin'
import type { StorybookConfig } from '@storybook/nextjs'
const config: StorybookConfig = {
stories: ['../src/**/*.mdx', '../src/**/*/*.stories.@(js|ts|tsx)'],
staticDirs: ['../public'],
addons: [
'@storybook/addon-essentials',
'@storybook/addon-storysource',
'@storybook/addon-actions/register',
'@storybook/addon-designs',
{
name: '@storybook/addon-styling',
options: {
postCss: {
implementation: require('postcss')
}
}
}
],
framework: {
name: '@storybook/nextjs',
options: {}
},
docs: {
autodocs: true
},
webpackFinal: async config => {
if (config.resolve) {
config.resolve.plugins = [
...(config.resolve.plugins || []),
new TsconfigPathsPlugin({
extensions: config.resolve.extensions
})
]
}
return config
}
}
export default configand my dependencies "dependencies": {
"autoprefixer": "10.4.14",
"classnames": "^2.3.2",
"dotenv": "^16.3.1",
"express": "^4.18.2",
"express-session": "^1.17.3",
"html-react-parser": "^4.2.1",
"http-server": "^14.1.1",
"postcss": "8.4.26",
"postcss-preset-env": "^9.1.1",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-jss": "^10.10.0",
"tailwindcss": "^3.3.3"
},
"devDependencies": {
"@babel/cli": "^7.22.9",
"@babel/core": "^7.22.9",
"@babel/node": "^7.22.6",
"@babel/plugin-proposal-decorators": "^7.22.7",
"@babel/plugin-proposal-object-rest-spread": "^7.15.6",
"@babel/plugin-transform-runtime": "^7.22.9",
"@babel/preset-env": "^7.22.9",
"@babel/preset-react": "^7.10.1",
"@babel/preset-typescript": "^7.10.1",
"@commitlint/cli": "^17.6.6",
"@commitlint/config-conventional": "^17.6.6",
"@storybook/addon-designs": "^7.0.1",
"@storybook/addon-essentials": "^7.0.27",
"@storybook/addon-interactions": "^7.1.1",
"@storybook/addon-links": "^7.1.1",
"@storybook/addon-styling": "^1.3.3",
"@storybook/react": "^7.0.27",
"@storybook/react-webpack5": "^7.0.27",
"@storybook/theming": "^7.0.27",
"@types/node": "20.4.2",
"@types/react": "18.2.15",
"@types/react-dom": "18.2.7",
"babel-plugin-module-resolver": "^5.0.0",
"husky": "^8.0.1",
"storybook": "^7.0.27",
"storybook-figma": "^0.1.2",
"tsconfig-paths-webpack-plugin": "^4.1.0"
},
"resolutions": {
"semver": ">=7.5.2",
"protobufjs": ">=7.2.4",
"word-wrap": ">=1.2.4"
},
"peerDependencies": {
"react": "^18.2.0",
"react-dom": "^18.2.0",
"typescript": "^5.1.3 || ^4.8.3"
} |
|
Thanks @freitasfa-bahag ! Are the dependencies before or after you migrated? Did you migrate by running |
|
Thanks for the fast reply @yannbf ! I used both {
"name": "@bahag/sf-storybook",
"description": "UI Library",
"license": "UNLICENSED",
"version": "1.14.0",
"repository": {
"type": "git",
},
"storybook": {
"title": "Strybook",
},
"main": "dist/index.js",
"scripts": {
"lint": "eslint --fix . --ext ts,tsx,js",
"storybook": "storybook dev -p 6006",
"prepare": "husky install",
"build": "yarn build-css-config && yarn build-src && yarn copy-css",
},
"release": {
"extends": [
"./release.config.js"
]
},
"engines": {
"node": ">= 12.0",
"npm": ">= 8"
},
"dependencies": {
"autoprefixer": "10.4.14",
"classnames": "^2.3.2",
"cookie-parser": "^1.4.6",
"dotenv": "^16.3.1",
"express": "^4.18.2",
"express-session": "^1.17.3",
"html-react-parser": "^4.2.1",
"http-server": "^14.1.1",
"jsonwebtoken": "^9.0.1",
"postcss": "8.4.26",
"postcss-preset-env": "^9.1.1",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-jss": "^10.10.0",
"tailwindcss": "^3.3.3"
},
"devDependencies": {
"@babel/cli": "^7.22.9",
"@babel/core": "^7.22.9",
"@babel/node": "^7.22.6",
"@babel/plugin-proposal-decorators": "^7.22.7",
"@babel/plugin-proposal-object-rest-spread": "^7.15.6",
"@babel/plugin-transform-runtime": "^7.22.9",
"@babel/preset-env": "^7.22.9",
"@babel/preset-react": "^7.10.1",
"@babel/preset-typescript": "^7.10.1",
"@commitlint/cli": "^17.6.6",
"@commitlint/config-conventional": "^17.6.6",
"@storybook/addon-designs": "^7.0.5",
"@storybook/addon-essentials": "^7.4.0",
"@storybook/addon-interactions": "^7.4.0",
"@storybook/addon-links": "^7.4.0",
"@storybook/addon-mdx-gfm": "^7.4.0",
"@storybook/addon-styling": "^1.3.7",
"@storybook/nextjs": "^7.4.0",
"@storybook/react": "^7.4.0",
"@storybook/react-webpack5": "^7.4.0",
"@storybook/theming": "^7.4.0",
"@types/node": "20.4.2",
"@types/react": "18.2.15",
"@types/react-dom": "18.2.7",
"babel-plugin-module-resolver": "^5.0.0",
"husky": "^8.0.1",
"storybook": "^7.4.0",
"storybook-figma": "^0.1.2",
"tsconfig-paths-webpack-plugin": "^4.1.0"
},
"resolutions": {
"semver": ">=7.5.2",
"protobufjs": ">=7.2.4",
"word-wrap": ">=1.2.4"
},
"peerDependencies": {
"react": "^18.2.0",
"react-dom": "^18.2.0",
"typescript": "^5.1.3 || ^4.8.3"
}
} |
|
Just found that besides adding the |
This was referenced Sep 14, 2023
|
Thank you so much for explaining your use case @freitasfa-bahag! It made me understand the issue better, and now Storybook will display two different, more helpful errors that hopefully will get us further in fixing these issues for users! |
|
Hey everyone, I'm closing this issue as it's been a long time and no one else reported it so far. If you ever encounter this issue, please report it with as much detail as you can, alongside a reproduction. Thank you! |
github-project-automation
bot
moved this from Empathy Backlog
to Done
in Core Team Projects
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Some projects, when running Storybook, break with the following error:
It's really tough to find a proper reproduction, and the only place I have seen steps to reproduce was in this comment. However, even when following the steps, I was not able to reproduce the issue.
It seems to be related to Storybook dependencies not being hoisted correctly, and when the
@storybook/core-serverpackage tries to resolve a framework package, such as@storybook/angular, it won't find it, because the package is located elsewhere, deeper into a differentnode_modulesdirectory. If you take a closer look, you will notice the paths of which the packages are located:And that seems to be the issue. Similar issues were reported in #21710 and there was a PR with a proposed fix at #23458 which got release in 7.1.1 and 7.2.0
However, reports indicate that this issue continues to happen, in more recent versions of Storybook (e.g. 7.4.0)
The issue might occur in different places in the codebase, with slightly different messages:
❗❗ If you ever encounter this issue in your project
Please share detailed reproduction steps, whether you are using a monorepo, and which, or even better, a repository with the reproduction, so we can finally fix this issue. We greatly appreciate the help!
The text was updated successfully, but these errors were encountered: