Yarn storybook warnings after upgrade to v6.2.9

JohnCasab commented 3 years ago

After using hours on reading back and forward and trying different things, im getting nowhere so hope someone can help me with this bug.

Describe the bug After upgraded to v6.2.9, and I run yarn storybook or yarn storybook --no-manager-cache I get the following in the command line:

❯ yarn storybook
yarn run v1.22.10
$ start-storybook -p 6006 -s ./.storybook/static
info @storybook/html v6.2.9
info
info => Loading presets
info => Serving static files from ././.storybook/static at /
info => Loading 1 config file in "/Users/user/Desktop/Design/design-system/.storybook"
info => Loading 7 other files in "/Users/user/Desktop/Design/design-system/.storybook"
info => Loading custom manager config
info => Adding stories defined in "/Users/user/Desktop/Design/design-system/.storybook/main.js"
info => Loading custom manager config
info => Using implicit CSS loaders
info => Using default Webpack4 setup
15% building 45/96 modules 51 active ...n Systemet/design-system/node_modules/@mdx-js/loader/index.js??ref--9-1!/Users/user/Desktop/Design/design-system/src/guidelines/tracking-analysis/tracking.stories.mdxℹ ｢wdm｣: wait until bundle finished:
webpack built preview efb78d24a616e4c8c78b in 13979ms
ℹ ｢wdm｣: Hash: 800c4e6d9b91c38cb9b3
Version: webpack 4.46.0
Time: 13028ms
Built at: 06.05.2021 15.29.08
                                                Asset      Size        Chunks                    Chunk Names
                                  0.manager.bundle.js   110 KiB             0  [emitted]
                                  1.manager.bundle.js   207 KiB             1  [emitted]
                                  2.manager.bundle.js  64.5 KiB             2  [emitted]
                                  3.manager.bundle.js   377 KiB             3  [emitted]  [big]
                                  4.manager.bundle.js  15.1 KiB             4  [emitted]
                                  5.manager.bundle.js  1.36 KiB             5  [emitted]
                                           index.html  3.64 KiB                [emitted]
                               main.manager.bundle.js  6.79 KiB          main  [emitted]         main
                       runtime~main.manager.bundle.js  8.95 KiB  runtime~main  [emitted]         runtime~main
static/media/.storybook/static/design-system-logo.svg  7.66 KiB                [emitted]
                       vendors~main.manager.bundle.js   4.7 MiB  vendors~main  [emitted]  [big]  vendors~main
Entrypoint main [big] = runtime~main.manager.bundle.js vendors~main.manager.bundle.js main.manager.bundle.js
[0] multi ./node_modules/@storybook/core-server/dist/cjs/globals/polyfills.js ./.storybook/manager.js ./node_modules/@storybook/core-client/dist/esm/manager/index.js ./node_modules/@storybook/addon-links/dist/esm/register.js ./node_modules/@storybook/addon-docs/dist/esm/register.js ./node_modules/@storybook/addon-controls/dist/esm/register.js ./node_modules/@storybook/addon-actions/dist/esm/register.js ./node_modules/@storybook/addon-backgrounds/dist/esm/register.js ./node_modules/@storybook/addon-viewport/dist/esm/register.js ./node_modules/@storybook/addon-toolbars/dist/esm/register.js ./.storybook/generated-refs.js 148 bytes {main} [built]
[./.storybook/generated-refs.js] 246 bytes {main} [built]
[./.storybook/manager.js] ./.storybook/manager.js + 2 modules 520 bytes {main} [built]
    | ./.storybook/manager.js 115 bytes [built]
    | ./.storybook/ufst-theme.js 298 bytes [built]
    | ./.storybook/static/design-system-logo.svg 97 bytes [built]
[./node_modules/@storybook/addon-actions/dist/esm/constants.js] 239 bytes {vendors~main} [built]
[./node_modules/@storybook/addon-actions/dist/esm/register.js] ./node_modules/@storybook/addon-actions/dist/esm/register.js + 4 modules 89.5 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/register.js 576 bytes [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/containers/ActionLogger/index.js 6.66 KiB [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/components/ActionLogger/index.js 2.91 KiB [built]
    | ./node_modules/react-inspector/dist/es/react-inspector.js 78.5 KiB [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/components/ActionLogger/style.js 793 bytes [built]
[./node_modules/@storybook/addon-backgrounds/dist/esm/register.js] ./node_modules/@storybook/addon-backgrounds/dist/esm/register.js + 5 modules 13.9 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/register.js 826 bytes [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/constants.js 185 bytes [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/containers/BackgroundSelector.js 6.2 KiB [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/containers/GridSelector.js 2.98 KiB [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/components/ColorIcon.js 399 bytes [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/helpers/index.js 3.24 KiB [built]
[./node_modules/@storybook/addon-controls/dist/esm/register.js] ./node_modules/@storybook/addon-controls/dist/esm/register.js + 19 modules 95.5 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-controls/dist/esm/register.js 1.18 KiB [built]
    | ./node_modules/@storybook/addon-controls/dist/esm/constants.js 74 bytes [built]
    | ./node_modules/@storybook/addon-controls/dist/esm/ControlsPanel.js 3.93 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/addon-panel/addon-panel.js 908 bytes [built]
    | ./node_modules/@storybook/components/dist/esm/typography/DocumentFormatting.js 13.6 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/typography/shared.js 1.42 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/blocks/ArgsTable/NoControlsWarning.js 862 bytes [built]
    | ./node_modules/markdown-to-jsx/dist/index.module.js 14.5 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/controls/options/Options.js 2.94 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/blocks/EmptyBlock.js 1.22 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/blocks/ArgsTable/ArgsTable.js 16 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/controls/options/Checkbox.js 4.43 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/controls/options/Radio.js 1.72 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/controls/options/Select.js 4.24 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/blocks/ArgsTable/ArgRow.js 3.76 KiB [built]
    |     + 5 hidden modules
[./node_modules/@storybook/addon-docs/dist/esm/register.js] ./node_modules/@storybook/addon-docs/dist/esm/register.js + 1 modules 1020 bytes {vendors~main} [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/register.js 625 bytes [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/shared.js 380 bytes [built]
[./node_modules/@storybook/addon-links/dist/esm/register.js] ./node_modules/@storybook/addon-links/dist/esm/register.js + 1 modules 629 bytes {vendors~main} [built]
    | ./node_modules/@storybook/addon-links/dist/esm/register.js 394 bytes [built]
    | ./node_modules/@storybook/addon-links/dist/esm/constants.js 225 bytes [built]
[./node_modules/@storybook/addon-toolbars/dist/esm/register.js] ./node_modules/@storybook/addon-toolbars/dist/esm/register.js + 3 modules 6.13 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/register.js 446 bytes [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/components/ToolbarManager.js 1.81 KiB [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/constants.js 64 bytes [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/components/MenuToolbar.js 3.74 KiB [built]
[./node_modules/@storybook/addon-viewport/dist/esm/register.js] ./node_modules/@storybook/addon-viewport/dist/esm/register.js + 3 modules 14.1 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-viewport/dist/esm/register.js 514 bytes [built]
    | ./node_modules/@storybook/addon-viewport/dist/esm/constants.js 316 bytes [built]
    | ./node_modules/@storybook/addon-viewport/dist/esm/Tool.js 10.2 KiB [built]
    | ./node_modules/@storybook/addon-viewport/dist/esm/defaults.js 2.98 KiB [built]
[./node_modules/@storybook/addons/dist/esm/public_api.js] ./node_modules/@storybook/addons/dist/esm/public_api.js + 1 modules 766 bytes {vendors~main} [built]
    | ./node_modules/@storybook/addons/dist/esm/public_api.js 515 bytes [built]
    | ./node_modules/@storybook/addons/dist/esm/storybook-channel-mock.js 226 bytes [built]
[./node_modules/@storybook/api/dist/esm/index.js] ./node_modules/@storybook/api/dist/esm/index.js + 21 modules 119 KiB {vendors~main} [built]
    | ./node_modules/@storybook/api/dist/esm/index.js 17.7 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/context.js 249 bytes [built]
    | ./node_modules/@storybook/api/dist/esm/store.js 5.5 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/lib/merge.js 842 bytes [built]
    | ./node_modules/@storybook/api/dist/esm/initial-state.js 401 bytes [built]
    | ./node_modules/@storybook/api/dist/esm/lib/stories.js 8.1 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/provider.js 281 bytes [built]
    | ./node_modules/@storybook/api/dist/esm/modules/addons.js 5.53 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/channel.js 1.19 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/notifications.js 2.3 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/settings.js 3.66 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/release-notes.js 3.01 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/refs.js 15 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/stories.js 17 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/layout.js 7.2 KiB [built]
    |     + 7 hidden modules
[./node_modules/@storybook/core-client/dist/esm/manager/index.js] ./node_modules/@storybook/core-client/dist/esm/manager/index.js + 83 modules 535 KiB {vendors~main} [built]
    | ./node_modules/@storybook/core-client/dist/esm/manager/index.js 309 bytes [built]
    | ./node_modules/@storybook/ui/dist/esm/index.js 2.94 KiB [built]
    | ./node_modules/@storybook/core-client/dist/esm/manager/provider.js 4.06 KiB [built]
    | ./node_modules/@storybook/core-client/dist/esm/manager/conditional-polyfills.js 720 bytes [built]
    | ./node_modules/react-helmet-async/lib/index.module.js 12 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/spaced/Spaced.js 3.13 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/brand/StorybookLogo.js 4.86 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/Badge/Badge.js 1.63 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/Loader/Loader.js 8.26 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/bar/bar.js 4.55 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/placeholder/placeholder.js 3.39 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/tabs/tabs.js 10 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/Zoom/Zoom.js 418 bytes [built]
    | ./node_modules/@storybook/components/dist/esm/brand/StorybookIcon.js 2.87 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/typography/DocumentWrapper.js 6.69 KiB [built]
    |     + 69 hidden modules
[./node_modules/@storybook/core-server/dist/cjs/globals/polyfills.js] 120 bytes {vendors~main} [built]
    + 1158 hidden modules
Child HtmlWebpackCompiler:
                          Asset      Size               Chunks  Chunk Names
    __child-HtmlWebpackPlugin_0  6.49 KiB  HtmlWebpackPlugin_0  HtmlWebpackPlugin_0
    Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0
    [./node_modules/@storybook/core-server/node_modules/html-webpack-plugin/lib/loader.js!./node_modules/@storybook/core-common/dist/cjs/templates/index.ejs] 2 KiB {HtmlWebpackPlugin_0} [built]
ℹ ｢wdm｣: Compiled successfully.

As you can in the bottom it compiles successfully and I can see my app in the browser even though I get theses "warnings" / "bugs".

System

npm WARN deprecated request-promise-native@1.0.9: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142

Environment Info:
  System:
    OS: macOS 10.15.7
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
  Binaries:
    Node: 15.9.0 - /usr/local/bin/node
    Yarn: 1.22.10 - ~/Desktop/Design Systemet/design-system/node_modules/.bin/yarn
    npm: 7.10.0 - /usr/local/bin/npm
  Browsers:
    Chrome: 90.0.4430.93
    Firefox: 84.0.1
    Safari: 13.1.3
  npmPackages:
    @storybook/addon-actions: ^6.2.9 => 6.2.9
    @storybook/addon-docs: ^6.2.9 => 6.2.9
    @storybook/addon-essentials: ^6.2.9 => 6.2.9
    @storybook/addon-links: ^6.2.9 => 6.2.9
    @storybook/addons: ^6.2.9 => 6.2.9
    @storybook/client-api: ^6.2.9 => 6.2.9
    @storybook/html: ^6.2.9 => 6.2.9
    @storybook/preset-scss: ^1.0.3 => 1.0.3

If further information is needed please ask!

JohnCasab commented 3 years ago

Anyone that has some ideas, or have had similar issues?

JohnCasab commented 3 years ago

Would be nice if I can get some guidance for this issue, if anybody has some ideas, pls comment :)

ndelangen commented 3 years ago

@JohnCasab do you have a repro to share?

It sounds like what you're experiencing is a few dependencies warnings. We try to keep our dependencies up to dat as much as possible, but the JS ecosystem moves quickly, and importantly: it doesn't move everywhere at the same speed.

It's likely there are dependencies of dependencies that haven't been updated for a while and therefore depend on old version.

JohnCasab commented 3 years ago

@ndelangen Sorry its a private repo, I wish I could share it with you.

How do I find and update those dependencies?

ndelangen commented 3 years ago

You can get the dependency chain of a package like so:

yarn why <packagename>

you get a warning on these packages:

npm WARN deprecated request-promise-native@1.0.9: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142

So for example:

yarn why request

JohnCasab commented 3 years ago

@ndelangen I ran the command

yarn why <packagename>

Then updated the packages that I could. But I still get the same output in command line when I run yarn storybook or yarn storybook --no-manager-cache.

❯ yarn storybook
yarn run v1.22.10
$ start-storybook -p 6006 -s ./.storybook/static
info @storybook/html v6.2.9
info
info => Loading presets
info => Serving static files from ././.storybook/static at /
info => Loading 1 config file in "/Users/user/Desktop/Design/design-system/.storybook"
info => Loading 7 other files in "/Users/user/Desktop/Design/design-system/.storybook"
info => Loading custom manager config
info => Adding stories defined in "/Users/user/Desktop/Design/design-system/.storybook/main.js"
info => Loading custom manager config
info => Using implicit CSS loaders
info => Using default Webpack4 setup
15% building 45/96 modules 51 active ...n Systemet/design-system/node_modules/@mdx-js/loader/index.js??ref--9-1!/Users/user/Desktop/Design/design-system/src/guidelines/tracking-analysis/tracking.stories.mdxℹ ｢wdm｣: wait until bundle finished:
webpack built preview efb78d24a616e4c8c78b in 13979ms
ℹ ｢wdm｣: Hash: 800c4e6d9b91c38cb9b3
Version: webpack 4.46.0
Time: 13028ms
Built at: 06.05.2021 15.29.08
                                                Asset      Size        Chunks                    Chunk Names
                                  0.manager.bundle.js   110 KiB             0  [emitted]
                                  1.manager.bundle.js   207 KiB             1  [emitted]
                                  2.manager.bundle.js  64.5 KiB             2  [emitted]
                                  3.manager.bundle.js   377 KiB             3  [emitted]  [big]
                                  4.manager.bundle.js  15.1 KiB             4  [emitted]
                                  5.manager.bundle.js  1.36 KiB             5  [emitted]
                                           index.html  3.64 KiB                [emitted]
                               main.manager.bundle.js  6.79 KiB          main  [emitted]         main
                       runtime~main.manager.bundle.js  8.95 KiB  runtime~main  [emitted]         runtime~main
static/media/.storybook/static/design-system-logo.svg  7.66 KiB                [emitted]
                       vendors~main.manager.bundle.js   4.7 MiB  vendors~main  [emitted]  [big]  vendors~main
Entrypoint main [big] = runtime~main.manager.bundle.js vendors~main.manager.bundle.js main.manager.bundle.js
[0] multi ./node_modules/@storybook/core-server/dist/cjs/globals/polyfills.js ./.storybook/manager.js ./node_modules/@storybook/core-client/dist/esm/manager/index.js ./node_modules/@storybook/addon-links/dist/esm/register.js ./node_modules/@storybook/addon-docs/dist/esm/register.js ./node_modules/@storybook/addon-controls/dist/esm/register.js ./node_modules/@storybook/addon-actions/dist/esm/register.js ./node_modules/@storybook/addon-backgrounds/dist/esm/register.js ./node_modules/@storybook/addon-viewport/dist/esm/register.js ./node_modules/@storybook/addon-toolbars/dist/esm/register.js ./.storybook/generated-refs.js 148 bytes {main} [built]
[./.storybook/generated-refs.js] 246 bytes {main} [built]
[./.storybook/manager.js] ./.storybook/manager.js + 2 modules 520 bytes {main} [built]
    | ./.storybook/manager.js 115 bytes [built]
    | ./.storybook/ufst-theme.js 298 bytes [built]
    | ./.storybook/static/design-system-logo.svg 97 bytes [built]
[./node_modules/@storybook/addon-actions/dist/esm/constants.js] 239 bytes {vendors~main} [built]
[./node_modules/@storybook/addon-actions/dist/esm/register.js] ./node_modules/@storybook/addon-actions/dist/esm/register.js + 4 modules 89.5 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/register.js 576 bytes [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/containers/ActionLogger/index.js 6.66 KiB [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/components/ActionLogger/index.js 2.91 KiB [built]
    | ./node_modules/react-inspector/dist/es/react-inspector.js 78.5 KiB [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/components/ActionLogger/style.js 793 bytes [built]
[./node_modules/@storybook/addon-backgrounds/dist/esm/register.js] ./node_modules/@storybook/addon-backgrounds/dist/esm/register.js + 5 modules 13.9 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/register.js 826 bytes [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/constants.js 185 bytes [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/containers/BackgroundSelector.js 6.2 KiB [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/containers/GridSelector.js 2.98 KiB [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/components/ColorIcon.js 399 bytes [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/helpers/index.js 3.24 KiB [built]
[./node_modules/@storybook/addon-controls/dist/esm/register.js] ./node_modules/@storybook/addon-controls/dist/esm/register.js + 19 modules 95.5 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-controls/dist/esm/register.js 1.18 KiB [built]
    | ./node_modules/@storybook/addon-controls/dist/esm/constants.js 74 bytes [built]
    | ./node_modules/@storybook/addon-controls/dist/esm/ControlsPanel.js 3.93 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/addon-panel/addon-panel.js 908 bytes [built]
    | ./node_modules/@storybook/components/dist/esm/typography/DocumentFormatting.js 13.6 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/typography/shared.js 1.42 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/blocks/ArgsTable/NoControlsWarning.js 862 bytes [built]
    | ./node_modules/markdown-to-jsx/dist/index.module.js 14.5 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/controls/options/Options.js 2.94 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/blocks/EmptyBlock.js 1.22 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/blocks/ArgsTable/ArgsTable.js 16 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/controls/options/Checkbox.js 4.43 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/controls/options/Radio.js 1.72 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/controls/options/Select.js 4.24 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/blocks/ArgsTable/ArgRow.js 3.76 KiB [built]
    |     + 5 hidden modules
[./node_modules/@storybook/addon-docs/dist/esm/register.js] ./node_modules/@storybook/addon-docs/dist/esm/register.js + 1 modules 1020 bytes {vendors~main} [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/register.js 625 bytes [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/shared.js 380 bytes [built]
[./node_modules/@storybook/addon-links/dist/esm/register.js] ./node_modules/@storybook/addon-links/dist/esm/register.js + 1 modules 629 bytes {vendors~main} [built]
    | ./node_modules/@storybook/addon-links/dist/esm/register.js 394 bytes [built]
    | ./node_modules/@storybook/addon-links/dist/esm/constants.js 225 bytes [built]
[./node_modules/@storybook/addon-toolbars/dist/esm/register.js] ./node_modules/@storybook/addon-toolbars/dist/esm/register.js + 3 modules 6.13 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/register.js 446 bytes [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/components/ToolbarManager.js 1.81 KiB [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/constants.js 64 bytes [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/components/MenuToolbar.js 3.74 KiB [built]
[./node_modules/@storybook/addon-viewport/dist/esm/register.js] ./node_modules/@storybook/addon-viewport/dist/esm/register.js + 3 modules 14.1 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-viewport/dist/esm/register.js 514 bytes [built]
    | ./node_modules/@storybook/addon-viewport/dist/esm/constants.js 316 bytes [built]
    | ./node_modules/@storybook/addon-viewport/dist/esm/Tool.js 10.2 KiB [built]
    | ./node_modules/@storybook/addon-viewport/dist/esm/defaults.js 2.98 KiB [built]
[./node_modules/@storybook/addons/dist/esm/public_api.js] ./node_modules/@storybook/addons/dist/esm/public_api.js + 1 modules 766 bytes {vendors~main} [built]
    | ./node_modules/@storybook/addons/dist/esm/public_api.js 515 bytes [built]
    | ./node_modules/@storybook/addons/dist/esm/storybook-channel-mock.js 226 bytes [built]
[./node_modules/@storybook/api/dist/esm/index.js] ./node_modules/@storybook/api/dist/esm/index.js + 21 modules 119 KiB {vendors~main} [built]
    | ./node_modules/@storybook/api/dist/esm/index.js 17.7 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/context.js 249 bytes [built]
    | ./node_modules/@storybook/api/dist/esm/store.js 5.5 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/lib/merge.js 842 bytes [built]
    | ./node_modules/@storybook/api/dist/esm/initial-state.js 401 bytes [built]
    | ./node_modules/@storybook/api/dist/esm/lib/stories.js 8.1 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/provider.js 281 bytes [built]
    | ./node_modules/@storybook/api/dist/esm/modules/addons.js 5.53 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/channel.js 1.19 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/notifications.js 2.3 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/settings.js 3.66 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/release-notes.js 3.01 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/refs.js 15 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/stories.js 17 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/layout.js 7.2 KiB [built]
    |     + 7 hidden modules
[./node_modules/@storybook/core-client/dist/esm/manager/index.js] ./node_modules/@storybook/core-client/dist/esm/manager/index.js + 83 modules 535 KiB {vendors~main} [built]
    | ./node_modules/@storybook/core-client/dist/esm/manager/index.js 309 bytes [built]
    | ./node_modules/@storybook/ui/dist/esm/index.js 2.94 KiB [built]
    | ./node_modules/@storybook/core-client/dist/esm/manager/provider.js 4.06 KiB [built]
    | ./node_modules/@storybook/core-client/dist/esm/manager/conditional-polyfills.js 720 bytes [built]
    | ./node_modules/react-helmet-async/lib/index.module.js 12 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/spaced/Spaced.js 3.13 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/brand/StorybookLogo.js 4.86 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/Badge/Badge.js 1.63 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/Loader/Loader.js 8.26 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/bar/bar.js 4.55 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/placeholder/placeholder.js 3.39 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/tabs/tabs.js 10 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/Zoom/Zoom.js 418 bytes [built]
    | ./node_modules/@storybook/components/dist/esm/brand/StorybookIcon.js 2.87 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/typography/DocumentWrapper.js 6.69 KiB [built]
    |     + 69 hidden modules
[./node_modules/@storybook/core-server/dist/cjs/globals/polyfills.js] 120 bytes {vendors~main} [built]
    + 1158 hidden modules
Child HtmlWebpackCompiler:
                          Asset      Size               Chunks  Chunk Names
    __child-HtmlWebpackPlugin_0  6.49 KiB  HtmlWebpackPlugin_0  HtmlWebpackPlugin_0
    Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0
    [./node_modules/@storybook/core-server/node_modules/html-webpack-plugin/lib/loader.js!./node_modules/@storybook/core-common/dist/cjs/templates/index.ejs] 2 KiB {HtmlWebpackPlugin_0} [built]
ℹ ｢wdm｣: Compiled successfully.

ndelangen commented 3 years ago

@JohnCasab

I'm not sure what to do, yarn / npm warns you about deprecated packages that are used. We try not to use them of course. The issue is, that some of the packages we use, use other package, that use other packages, that at some point way down use a deprecated package or version thereof.

We'd be happy to take a PR to upgrade / switch some dependencies that will remove these warnings.

Your storybook seems to work correctly.?

JohnCasab commented 3 years ago

@ndelangen

It would be nice if you guys can make an PR on this issue. We also have vue storybook and we are facing the same issue, and in the vue storybook we dont have these warnings:

npm WARN deprecated request-promise-native@1.0.9: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142

Therefor Im not sure its because deprecated packages.

Yes our storybooks are working correctly, but sill annoying seeing these warnings:

❯ yarn storybook
yarn run v1.22.10
$ start-storybook -p 6006 -s ./.storybook/static
info @storybook/html v6.2.9
info
info => Loading presets
info => Serving static files from ././.storybook/static at /
info => Loading 1 config file in "/Users/user/Desktop/Design/design-system/.storybook"
info => Loading 7 other files in "/Users/user/Desktop/Design/design-system/.storybook"
info => Loading custom manager config
info => Adding stories defined in "/Users/user/Desktop/Design/design-system/.storybook/main.js"
info => Loading custom manager config
info => Using implicit CSS loaders
info => Using default Webpack4 setup
15% building 45/96 modules 51 active ...n Systemet/design-system/node_modules/@mdx-js/loader/index.js??ref--9-1!/Users/user/Desktop/Design/design-system/src/guidelines/tracking-analysis/tracking.stories.mdxℹ ｢wdm｣: wait until bundle finished:
webpack built preview efb78d24a616e4c8c78b in 13979ms
ℹ ｢wdm｣: Hash: 800c4e6d9b91c38cb9b3
Version: webpack 4.46.0
Time: 13028ms
Built at: 06.05.2021 15.29.08
                                                Asset      Size        Chunks                    Chunk Names
                                  0.manager.bundle.js   110 KiB             0  [emitted]
                                  1.manager.bundle.js   207 KiB             1  [emitted]
                                  2.manager.bundle.js  64.5 KiB             2  [emitted]
                                  3.manager.bundle.js   377 KiB             3  [emitted]  [big]
                                  4.manager.bundle.js  15.1 KiB             4  [emitted]
                                  5.manager.bundle.js  1.36 KiB             5  [emitted]
                                           index.html  3.64 KiB                [emitted]
                               main.manager.bundle.js  6.79 KiB          main  [emitted]         main
                       runtime~main.manager.bundle.js  8.95 KiB  runtime~main  [emitted]         runtime~main
static/media/.storybook/static/design-system-logo.svg  7.66 KiB                [emitted]
                       vendors~main.manager.bundle.js   4.7 MiB  vendors~main  [emitted]  [big]  vendors~main
Entrypoint main [big] = runtime~main.manager.bundle.js vendors~main.manager.bundle.js main.manager.bundle.js
[0] multi ./node_modules/@storybook/core-server/dist/cjs/globals/polyfills.js ./.storybook/manager.js ./node_modules/@storybook/core-client/dist/esm/manager/index.js ./node_modules/@storybook/addon-links/dist/esm/register.js ./node_modules/@storybook/addon-docs/dist/esm/register.js ./node_modules/@storybook/addon-controls/dist/esm/register.js ./node_modules/@storybook/addon-actions/dist/esm/register.js ./node_modules/@storybook/addon-backgrounds/dist/esm/register.js ./node_modules/@storybook/addon-viewport/dist/esm/register.js ./node_modules/@storybook/addon-toolbars/dist/esm/register.js ./.storybook/generated-refs.js 148 bytes {main} [built]
[./.storybook/generated-refs.js] 246 bytes {main} [built]
[./.storybook/manager.js] ./.storybook/manager.js + 2 modules 520 bytes {main} [built]
    | ./.storybook/manager.js 115 bytes [built]
    | ./.storybook/ufst-theme.js 298 bytes [built]
    | ./.storybook/static/design-system-logo.svg 97 bytes [built]
[./node_modules/@storybook/addon-actions/dist/esm/constants.js] 239 bytes {vendors~main} [built]
[./node_modules/@storybook/addon-actions/dist/esm/register.js] ./node_modules/@storybook/addon-actions/dist/esm/register.js + 4 modules 89.5 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/register.js 576 bytes [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/containers/ActionLogger/index.js 6.66 KiB [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/components/ActionLogger/index.js 2.91 KiB [built]
    | ./node_modules/react-inspector/dist/es/react-inspector.js 78.5 KiB [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/components/ActionLogger/style.js 793 bytes [built]
[./node_modules/@storybook/addon-backgrounds/dist/esm/register.js] ./node_modules/@storybook/addon-backgrounds/dist/esm/register.js + 5 modules 13.9 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/register.js 826 bytes [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/constants.js 185 bytes [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/containers/BackgroundSelector.js 6.2 KiB [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/containers/GridSelector.js 2.98 KiB [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/components/ColorIcon.js 399 bytes [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/helpers/index.js 3.24 KiB [built]
[./node_modules/@storybook/addon-controls/dist/esm/register.js] ./node_modules/@storybook/addon-controls/dist/esm/register.js + 19 modules 95.5 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-controls/dist/esm/register.js 1.18 KiB [built]
    | ./node_modules/@storybook/addon-controls/dist/esm/constants.js 74 bytes [built]
    | ./node_modules/@storybook/addon-controls/dist/esm/ControlsPanel.js 3.93 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/addon-panel/addon-panel.js 908 bytes [built]
    | ./node_modules/@storybook/components/dist/esm/typography/DocumentFormatting.js 13.6 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/typography/shared.js 1.42 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/blocks/ArgsTable/NoControlsWarning.js 862 bytes [built]
    | ./node_modules/markdown-to-jsx/dist/index.module.js 14.5 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/controls/options/Options.js 2.94 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/blocks/EmptyBlock.js 1.22 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/blocks/ArgsTable/ArgsTable.js 16 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/controls/options/Checkbox.js 4.43 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/controls/options/Radio.js 1.72 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/controls/options/Select.js 4.24 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/blocks/ArgsTable/ArgRow.js 3.76 KiB [built]
    |     + 5 hidden modules
[./node_modules/@storybook/addon-docs/dist/esm/register.js] ./node_modules/@storybook/addon-docs/dist/esm/register.js + 1 modules 1020 bytes {vendors~main} [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/register.js 625 bytes [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/shared.js 380 bytes [built]
[./node_modules/@storybook/addon-links/dist/esm/register.js] ./node_modules/@storybook/addon-links/dist/esm/register.js + 1 modules 629 bytes {vendors~main} [built]
    | ./node_modules/@storybook/addon-links/dist/esm/register.js 394 bytes [built]
    | ./node_modules/@storybook/addon-links/dist/esm/constants.js 225 bytes [built]
[./node_modules/@storybook/addon-toolbars/dist/esm/register.js] ./node_modules/@storybook/addon-toolbars/dist/esm/register.js + 3 modules 6.13 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/register.js 446 bytes [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/components/ToolbarManager.js 1.81 KiB [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/constants.js 64 bytes [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/components/MenuToolbar.js 3.74 KiB [built]
[./node_modules/@storybook/addon-viewport/dist/esm/register.js] ./node_modules/@storybook/addon-viewport/dist/esm/register.js + 3 modules 14.1 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-viewport/dist/esm/register.js 514 bytes [built]
    | ./node_modules/@storybook/addon-viewport/dist/esm/constants.js 316 bytes [built]
    | ./node_modules/@storybook/addon-viewport/dist/esm/Tool.js 10.2 KiB [built]
    | ./node_modules/@storybook/addon-viewport/dist/esm/defaults.js 2.98 KiB [built]
[./node_modules/@storybook/addons/dist/esm/public_api.js] ./node_modules/@storybook/addons/dist/esm/public_api.js + 1 modules 766 bytes {vendors~main} [built]
    | ./node_modules/@storybook/addons/dist/esm/public_api.js 515 bytes [built]
    | ./node_modules/@storybook/addons/dist/esm/storybook-channel-mock.js 226 bytes [built]
[./node_modules/@storybook/api/dist/esm/index.js] ./node_modules/@storybook/api/dist/esm/index.js + 21 modules 119 KiB {vendors~main} [built]
    | ./node_modules/@storybook/api/dist/esm/index.js 17.7 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/context.js 249 bytes [built]
    | ./node_modules/@storybook/api/dist/esm/store.js 5.5 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/lib/merge.js 842 bytes [built]
    | ./node_modules/@storybook/api/dist/esm/initial-state.js 401 bytes [built]
    | ./node_modules/@storybook/api/dist/esm/lib/stories.js 8.1 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/provider.js 281 bytes [built]
    | ./node_modules/@storybook/api/dist/esm/modules/addons.js 5.53 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/channel.js 1.19 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/notifications.js 2.3 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/settings.js 3.66 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/release-notes.js 3.01 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/refs.js 15 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/stories.js 17 KiB [built]
    | ./node_modules/@storybook/api/dist/esm/modules/layout.js 7.2 KiB [built]
    |     + 7 hidden modules
[./node_modules/@storybook/core-client/dist/esm/manager/index.js] ./node_modules/@storybook/core-client/dist/esm/manager/index.js + 83 modules 535 KiB {vendors~main} [built]
    | ./node_modules/@storybook/core-client/dist/esm/manager/index.js 309 bytes [built]
    | ./node_modules/@storybook/ui/dist/esm/index.js 2.94 KiB [built]
    | ./node_modules/@storybook/core-client/dist/esm/manager/provider.js 4.06 KiB [built]
    | ./node_modules/@storybook/core-client/dist/esm/manager/conditional-polyfills.js 720 bytes [built]
    | ./node_modules/react-helmet-async/lib/index.module.js 12 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/spaced/Spaced.js 3.13 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/brand/StorybookLogo.js 4.86 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/Badge/Badge.js 1.63 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/Loader/Loader.js 8.26 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/bar/bar.js 4.55 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/placeholder/placeholder.js 3.39 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/tabs/tabs.js 10 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/Zoom/Zoom.js 418 bytes [built]
    | ./node_modules/@storybook/components/dist/esm/brand/StorybookIcon.js 2.87 KiB [built]
    | ./node_modules/@storybook/components/dist/esm/typography/DocumentWrapper.js 6.69 KiB [built]
    |     + 69 hidden modules
[./node_modules/@storybook/core-server/dist/cjs/globals/polyfills.js] 120 bytes {vendors~main} [built]
    + 1158 hidden modules
Child HtmlWebpackCompiler:
                          Asset      Size               Chunks  Chunk Names
    __child-HtmlWebpackPlugin_0  6.49 KiB  HtmlWebpackPlugin_0  HtmlWebpackPlugin_0
    Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0
    [./node_modules/@storybook/core-server/node_modules/html-webpack-plugin/lib/loader.js!./node_modules/@storybook/core-common/dist/cjs/templates/index.ejs] 2 KiB {HtmlWebpackPlugin_0} [built]
ℹ ｢wdm｣: Compiled successfully.

And they dont appear all the time when you run yarn storybook or yarn storybook --no-manager-cache, only sometimes.

ndelangen commented 3 years ago

Looks like you're mixing npm and yarn usage. Which might explain why sometimes it logs the warnings and sometimes it doesn't.

JohnCasab commented 3 years ago

Hi @ndelangen, sorry for the late answer, I have just seen your reply right now! I want to use yarn as my package manager, can I just remove npm is there a smart way to this?

ndelangen commented 3 years ago

@JohnCasab I wouldn't recommend removing npm from your machine.

Maybe there's some script you run that mistakingly uses npm instead of yarn?

JohnCasab commented 3 years ago

@ndelangen doesn't seem like there is, the only npm scripts I can find is in node_modules inside a dependency called chenfengyuan. And other dependencies also. Are you thinking of something specific?

Also the upgrade to 6.3.1 didn't help.

But I have noticed that when running yarn storybook first time i get all these warnings after that I dont get them. But it happens every time I run yarn storybook --no-manager-cache.

storybookjs / storybook

Yarn storybook warnings after upgrade to v6.2.9 #14833