brave / brave-ui

List of reusable React components to empower your brave UI
https://brave.github.io/brave-ui
Mozilla Public License 2.0
472 stars 136 forks source link

Issue running storybook #574

Open ian-henderson opened 3 years ago

ian-henderson commented 3 years ago

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.
anosh-anosh commented 3 years ago

have you run npm install yet? if you ahve and it's done, try running npm run start. It worked for me!