SgtPooki
commented
2 years ago After running npx npm-check-updates '/storybook/' -u && npm install and verifying that npm run build && npm run test:unit succeeds, attempting to run storybook shows we have more work to do:
╰─ ✔ ❯ npm run storybook
> ipfs-webui@2.17.3 storybook
> start-storybook -p 9009 -s public
info @storybook/react v6.5.9
info
(node:52497) DeprecationWarning: --static-dir CLI flag is deprecated, see:
https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated---static-dir-cli-flag
(Use `node --trace-deprecation ...` to show where the warning was created)
info => Loading presets
(node:52497) DeprecationWarning: Configuration files such as "config", "presets" and "addons" are deprecated and will be removed in Storybook 7.0.
Read more about it in the migration guide: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md#to-mainjs-configuration
info => Serving static files from ./public at /
info => Loading custom manager config
info => Using implicit CSS loaders
(node:52497) [DEP0148] DeprecationWarning: Use of deprecated folder mapping "./" in the "exports" field module resolution of the package at /Users/sgtpooki/code/work/protocol.ai/ipfs/webui/node_modules/@playwright/test/package.json.
Update this package.json to use a subpath pattern like "./*".
(node:52497) [DEP0148] DeprecationWarning: Use of deprecated folder mapping "./" in the "exports" field module resolution of the package at /Users/sgtpooki/code/work/protocol.ai/ipfs/webui/node_modules/playwright-chromium/package.json.
Update this package.json to use a subpath pattern like "./*".
info => Loading custom manager config
(node:52497) 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-postcss-plugins for details.
WARN Storybook support for Create React App is now a separate preset.
WARN To use the new preset, install `@storybook/preset-create-react-app` and add it to the list of `addons` in your `.storybook/main.js` config file.
WARN The built-in preset has been disabled in Storybook 6.0.
info => Using default Webpack4 setup
10% building 1/1 modules 0 active/Users/sgtpooki/code/work/protocol.ai/ipfs/webui/node_modules/html-webpack-plugin/lib/webpack5/file-watcher-api.js:13
mainCompilation.fileSystemInfo.createSnapshot(
^
TypeError: Cannot read properties of undefined (reading 'createSnapshot')
at /Users/sgtpooki/code/work/protocol.ai/ipfs/webui/node_modules/html-webpack-plugin/lib/webpack5/file-watcher-api.js:13:36
at new Promise (<anonymous>)
at Object.createSnapshot (/Users/sgtpooki/code/work/protocol.ai/ipfs/webui/node_modules/html-webpack-plugin/lib/webpack5/file-watcher-api.js:12:10)
at /Users/sgtpooki/code/work/protocol.ai/ipfs/webui/node_modules/html-webpack-plugin/lib/cached-child-compiler.js:219:35
ipfs-gui-bot
From http://localhost:9009/?path=/settings/about:
Upgrade all Storybook packages to latest:
Alternatively, if you're using yarn run the following command, and check all Storybook related packages:
To do
Fixes
Partially fixes