mantinedev / ui.mantine.dev

Mantine UI website and components
https://ui.mantine.dev
MIT License
2.81k stars 315 forks source link

Storybook run fail #77

Open d9k opened 9 months ago

d9k commented 9 months ago

commit 6f9c568ee161ab3239b826af92dd48415e319cf8

> git clone https://github.com/mantinedev/ui.mantine.dev.git
> cd ui.mantine.dev
> yarn
> yarn run storybook
yarn run v1.22.19                                                                         
$ storybook dev -p 6006                                                                   
@storybook/cli v7.0.18                                                                    

info => Starting manager..                                                                
WARN You (or an addon) are using the 'config' preset field. This has been replaced by 'pre
viewAnnotations' and will be removed in 8.0                                               
info Addon-docs: using MDX2                                                               
info => Using implicit CSS loaders                                                        
info => Using default Webpack5 setup                                                      
<i> [webpack-dev-middleware] wait until bundle finished                                   
11% building 0/2 entries 189/284 dependencies 3/120 modulesWARN 🚨 Unable to index files: 
WARN - ./lib/ActionToggle/ActionToggle.story.tsx: Unexpected `storiesOf` usage: /media/d9k
/Media3/repos/ui.mantine.dev/lib/ActionToggle/ActionToggle.story.tsx (line 6, col 0).     
WARN                                                                                      
WARN In SB7, we use the next-generation `storyStoreV7` by default, which does not support 
`storiesOf`.                                                                              
WARN More info, with details about how to opt-out here: https://github.com/storybookjs/sto
rybook/blob/next/MIGRATION.md#storystorev7-enabled-by-default                             
WARN - ./lib/ActionsGrid/ActionsGrid.story.tsx: Unexpected `storiesOf` usage: /media/d9k/M
edia3/repos/ui.mantine.dev/lib/ActionsGrid/ActionsGrid.story.tsx (line 6, col 0).         

. . . . .
99% end closing watch compilationWARN Force closed preview build                          
ModuleNotFoundError: Module not found: Error: Can't resolve './StatsSegments.module.css' i
n '/media/d9k/Media3/repos/ui.mantine.dev/lib/StatsSegments'

WARN Broken build, fix the error above.                                                   
WARN You may need to refresh the browser.                                                 

error Command failed with exit code 1.

Versions

> node --version
v20.8.0
> yarn --version
1.22.19

Ubuntu 22.04

d9k commented 9 months ago

Renaming of statsSegments.module.css to StatsSegment.module.css (capital case) fixed build

d9k commented 9 months ago

Storybook is empty...

Selection_003

Selection_004

d9k commented 9 months ago

Storybook doesn't work at 1323a6f80ca35ae3bc817101f1baa97857bd83c1: Migrate to v7f

Were you able ever run Storybook v7 with this project?

d9k commented 9 months ago

Wow, problem with Storybook V6 at 32855baed72e5ae019368584914aa6d61ae25920 too:

> yarn; yarn run storybook
yarn install v1.22.19
[1/4] Resolving packages...
success Already up-to-date.
Done in 0.47s.
yarn run v1.22.19
$ start-storybook -p 6006
info @storybook/react v6.5.9
info
info => Loading presets
info => Using implicit CSS loaders
(node:1536352) DeprecationWarning: Default PostCSS plugins are deprecated. When switching
to '@storybook/addon-postcss',
you will need to add your own plugins, such as 'postcss-flexbugs-fixes' and 'autoprefixer'
.
See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-default-pos
tcss-plugins for details.
(Use `node --trace-deprecation ...` to show where the warning was created)
info => Using default Webpack4 setup
10% building 1/4 modules 3 active ...dia3/repos/ui.mantine.dev/generated-stories-entry.jsB
rowserslist: caniuse-lite is outdated. Please run:
  npx browserslist@latest --update-db
  Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-da
ta-updating
10% building 1/5 modules 4 active ...dev/.storybook/preview.tsx-generated-config-entry.jsn
ode:internal/crypto/hash:68
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:68:19)
    at Object.createHash (node:crypto:138:10)
    at module.exports (/media/d9k/Media3/repos/ui.mantine.dev/node_modules/webpack/lib/uti
l/createHash.js:135:53)
    at NormalModule._initBuildHash (/media/d9k/Media3/repos/ui.mantine.dev/node_modules/we
bpack/lib/NormalModule.js:417:16)
    at handleParseError (/media/d9k/Media3/repos/ui.mantine.dev/node_modules/webpack/lib/N
ormalModule.js:471:10)
    at /media/d9k/Media3/repos/ui.mantine.dev/node_modules/webpack/lib/NormalModule.js:503
:5
    at /media/d9k/Media3/repos/ui.mantine.dev/node_modules/webpack/lib/NormalModule.js:358
:12
    at /media/d9k/Media3/repos/ui.mantine.dev/node_modules/loader-runner/lib/LoaderRunner.
js:373:3
    at iterateNormalLoaders (/media/d9k/Media3/repos/ui.mantine.dev/node_modules/loader-ru
nner/lib/LoaderRunner.js:214:10)
    at Array.<anonymous> (/media/d9k/Media3/repos/ui.mantine.dev/node_modules/loader-runne
r/lib/LoaderRunner.js:205:4)
    at Storage.finished (/media/d9k/Media3/repos/ui.mantine.dev/node_modules/enhanced-reso
lve/lib/CachedInputFileSystem.js:55:16)
    at /media/d9k/Media3/repos/ui.mantine.dev/node_modules/enhanced-resolve/lib/CachedInpu
tFileSystem.js:91:9
    at /media/d9k/Media3/repos/ui.mantine.dev/node_modules/graceful-fs/graceful-fs.js:123:
16
    at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read/context:68:
3) {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v20.8.0
error Command failed with exit code 1.