I'm new to the project and ran into an issue when trying to run storybook. I followed the instructions in the README and ran npm install and npm run storybook-start in a freshly cloned repo. Any help would be appreciated - I'd really like to find a way to contribute to the project.
I'm running macOS Big Sur v11.2.1 on a 2019 MacBook Pro.
Here's a dump of my terminal after running storybook-start:
info @storybook/react v5.3.19
info
info => Loading static files from: /Users/ian/Developer/brave-ui/.storybook/static .
info => Loading presets
info => Loading presets
info => Loading custom manager config.
info => Loading config/preview file in ".storybook".
info => Loading custom Webpack config (full-control mode).
info => Using base config because react-scripts is not installed.
10% building 8/9 modules 1 active /Users/ian/Developer/brave-ui/node_modules/babel-loader/lib/index.js??ref--4-0!/Users/ian/Developer/brave-ui/.storybook/config.jsBrowserslist: caniuse-lite is outdated. Please run:
npx browserslist@latest --update-db
15% building 47/63 modules 16 active /Users/ian/Developer/brave-ui/node_modules/html-entities/lib/xml-entities.jsℹ 「atl」: Using typescript@3.9.6 from typescript
ℹ 「atl」: Using tsconfig.json from /Users/ian/Developer/brave-ui/tsconfig-storybook.json
94% after sealℹ 「atl」: Checking started in a separate process...
ℹ 「atl」: Time: 4150ms
webpack built 1a844cc7f39f6c9fd941 in 62532ms
✖ 「wdm」: Hash: 106e8ca070b2b1590443
Version: webpack 4.43.0
Time: 65845ms
Built at: 02/26/2021 7:45:28 PM
Asset Size Chunks Chunk Names
index.html 2.08 KiB [emitted]
main.3ba97da85362f1b7030d.bundle.js 4.03 KiB main [emitted] [immutable] main
runtime~main.99691078705b39185f99.bundle.js 6.12 KiB runtime~main [emitted] [immutable] runtime~main
vendors~main.b2c51ecd3500447d5b7e.bundle.js 7.85 MiB vendors~main [emitted] [immutable] [big] vendors~main
Entrypoint main [big] = runtime~main.99691078705b39185f99.bundle.js vendors~main.b2c51ecd3500447d5b7e.bundle.js main.3ba97da85362f1b7030d.bundle.js
[0] multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/client/manager/index.js ./.storybook/addons.js 52 bytes {main} [built]
[./.storybook/addons.js] 834 bytes {main} [built]
[./node_modules/@dump247/storybook-state/register.js] 39 bytes {vendors~main} [built]
[./node_modules/@storybook/addon-actions/register.js] 38 bytes {vendors~main} [built]
[./node_modules/@storybook/addon-backgrounds/register.js] 28 bytes {vendors~main} [built]
[./node_modules/@storybook/addon-knobs/register.js] 28 bytes {vendors~main} [built]
[./node_modules/@storybook/core/dist/client/manager/conditional-polyfills.js] 2.56 KiB {vendors~main} [built]
[./node_modules/@storybook/core/dist/client/manager/index.js] 521 bytes {vendors~main} [built]
[./node_modules/@storybook/core/dist/client/manager/provider.js] 4.13 KiB {vendors~main} [built]
[./node_modules/@storybook/core/dist/server/common/polyfills.js] 120 bytes {vendors~main} [built]
[./node_modules/@storybook/core/node_modules/core-js/features/symbol/index.js] 359 bytes {vendors~main} [built]
[./node_modules/@storybook/ui/dist/index.js] 3.26 KiB {vendors~main} [built]
[./node_modules/airbnb-js-shims/index.js] 40 bytes {vendors~main} [built]
[./node_modules/global/window.js] 232 bytes {vendors~main} [built]
[./node_modules/regenerator-runtime/runtime.js] 23.6 KiB {vendors~main} [built]
+ 1736 hidden modules
ERROR in ./.storybook/addons.js
Module not found: Error: Can't resolve 'storybook-addon-styled-component-theme/dist/src/register' in '/Users/ian/Developer/brave-ui/.storybook'
@ ./.storybook/addons.js 5:0-66
@ multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/client/manager/index.js ./.storybook/addons.js
Child HtmlWebpackCompiler:
Asset Size Chunks Chunk Names
__child-HtmlWebpackPlugin_0 6.33 KiB HtmlWebpackPlugin_0 HtmlWebpackPlugin_0
Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0
[./node_modules/html-webpack-plugin/lib/loader.js!./node_modules/@storybook/core/dist/server/templates/index.ejs] 2.12 KiB {HtmlWebpackPlugin_0} [built]
WARN force closed preview build
WARN Broken build, fix the error above.
WARN You may need to refresh the browser.
I'm new to the project and ran into an issue when trying to run storybook. I followed the instructions in the README and ran
npm install
andnpm run storybook-start
in a freshly cloned repo. Any help would be appreciated - I'd really like to find a way to contribute to the project.I'm running macOS Big Sur v11.2.1 on a 2019 MacBook Pro.
Here's a dump of my terminal after running
storybook-start
: