nx run storybook fails, no error is reported

[KirillMetrik]

Current Behavior

I have an NX-angular workspace. I have followed the following guide to add Storybook to my workspace: https://nx.dev/latest/angular/storybook/overview . Adding Storybook worked as expected. I proceeded to the Storybook run step (nx run project-name:storybook). It ran for some time, generated log stating that build had succeeded and then finished as Failed. No errors were reported.

Expected Behavior

After running Storybook it should be served on a dedicated port and I should be able to open it in my browser.

Steps to Reproduce

I don't have a reproducing repo on GitHub currently. Will try to create something.
Otherwise, to reproduce the issue I was following the official guide (https://nx.dev/latest/angular/storybook/overview):

• npm add --dev @nrwl/storybook
• nx g @nrwl/angular:storybook-configuration core-components
• nx run core-components:storybook

core-components is my Angular components library.

Failure Logs

nx run core-components:storybook

> nx run core-components:storybook 
info => Loading presets
info => Loading 1 config file in "C:\Work\BitBucketSources\flww-ui\rd\libs\core-components\.storybook"
info => Adding stories defined in "C:\Work\BitBucketSources\flww-ui\rd\libs\core-components\.storybook\main.js"
i ｢wdm｣: wait until bundle finished: 
info => Found custom tsconfig.json
info => Using implicit CSS loaders
info => Using angular project 'flww' for configuring Storybook.
info => Loading angular-cli config.
info => Get angular-cli webpack config.
info => Loading custom Webpack config (full-control mode).
<i> [webpack-dev-middleware] wait until bundle finished
Starting type checking service...
Though the "loose" option was set to "false" in your @babel/preset-env config, it will not be used for @babel/plugin-proposal-private-property-in-object since the "loose" mode option 
was set to "true" for @babel/plugin-proposal-private-methods.
The "loose" option must be the same for @babel/plugin-proposal-class-properties, @babel/plugin-proposal-private-methods and @babel/plugin-proposal-private-property-in-object (when they are enabled): you can silence this warning by explicitly adding
        ["@babel/plugin-proposal-private-property-in-object", { "loose": true }]
to the "plugins" section of your Babel config.
i ｢wdm｣: Hash: b60673e67e1eb1504d88
Version: webpack 4.42.0
Time: 39717ms
Built at: 05/18/2021 3:00:32 PM
                         Asset      Size        Chunks                    Chunk Names
           0.manager.bundle.js  24.7 KiB             0  [emitted]
           1.manager.bundle.js   141 KiB             1  [emitted]
           2.manager.bundle.js   237 KiB             2  [emitted]
           3.manager.bundle.js   391 KiB             3  [emitted]  [big]
           4.manager.bundle.js  15.1 KiB             4  [emitted]
           5.manager.bundle.js  1.36 KiB             5  [emitted]
                    index.html  2.38 KiB                [emitted]
        main.manager.bundle.js  4.11 KiB          main  [emitted]         main
runtime~main.manager.bundle.js  8.95 KiB  runtime~main  [emitted]         runtime~main
vendors~main.manager.bundle.js  7.36 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 ./node_modules/@storybook/core-client/dist/esm/manager/index.js @storybook/addon-knobs/register ./libs/core-components/.storybook/generated-refs.js 64 bytes {main} [built]
[./libs/core-components/.storybook/generated-refs.js] 101 bytes {main} [built]
[./node_modules/@storybook/addon-knobs/dist/esm/register.js] ./node_modules/@storybook/addon-knobs/dist/esm/register.js + 45 modules 278 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-knobs/dist/esm/register.js 585 bytes [built]
    | ./node_modules/@storybook/addon-knobs/dist/esm/shared.js 448 bytes [built]
    | ./node_modules/@storybook/addon-knobs/dist/esm/components/Panel.js 13.9 KiB [built]
    | ./node_modules/@storybook/addon-knobs/dist/esm/title.js 355 bytes [built]
    | ./node_modules/@storybook/addon-knobs/dist/esm/components/types/index.js 885 bytes [built]
    | ./node_modules/@storybook/addon-knobs/dist/esm/components/PropForm.js 5.15 KiB [built]
    | ./node_modules/@storybook/addon-knobs/dist/esm/components/types/Text.js 4.63 KiB [built]
    | ./node_modules/@storybook/addon-knobs/dist/esm/components/types/Number.js 6.14 KiB [built]
    | ./node_modules/@storybook/addon-knobs/dist/esm/components/types/Color.js 6.8 KiB [built]
    | ./node_modules/@storybook/addon-knobs/dist/esm/components/types/Boolean.js 1.19 KiB [built]
    | ./node_modules/@storybook/addon-knobs/dist/esm/components/types/Object.js 5.86 KiB [built]
    | ./node_modules/@storybook/addon-knobs/dist/esm/components/types/Select.js 4.59 KiB [built]
    | ./node_modules/@storybook/addon-knobs/dist/esm/components/types/Radio.js 5.9 KiB [built]
    | ./node_modules/@storybook/addon-knobs/dist/esm/components/types/Array.js 6.51 KiB [built]
    | ./node_modules/@storybook/addon-knobs/dist/esm/components/types/Date.js 9.82 KiB [built]
    |     + 31 hidden modules
[./node_modules/@storybook/addon-knobs/register.js] 32 bytes {vendors~main} [built]
[./node_modules/@storybook/addons/dist/esm/public_api.js] ./node_modules/@storybook/addons/dist/esm/public_api.js + 4 modules 22.4 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addons/dist/esm/public_api.js 515 bytes [built]
    | ./node_modules/@storybook/addons/dist/esm/index.js 2.95 KiB [built]
    | ./node_modules/@storybook/addons/dist/esm/make-decorator.js 1.75 KiB [built]
    | ./node_modules/@storybook/addons/dist/esm/storybook-channel-mock.js 226 bytes [built]
    | ./node_modules/@storybook/addons/dist/esm/hooks.js 16.9 KiB [built]
[./node_modules/@storybook/addons/dist/esm/types.js] 480 bytes {vendors~main} [built]
[./node_modules/@storybook/core-client/dist/esm/manager/index.js] ./node_modules/@storybook/core-client/dist/esm/manager/index.js + 114 modules 704 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/@storybook/api/dist/esm/index.js 17.7 KiB [built]
    | ./node_modules/react-helmet-async/lib/index.module.js 12 KiB [built]
    | ./node_modules/@storybook/ui/dist/esm/app.js 4.22 KiB [built]
    | ./node_modules/@storybook/ui/dist/esm/provider.js 1.29 KiB [built]
    | ./node_modules/@storybook/channel-postmessage/dist/esm/index.js 11 KiB [built]
    | ./node_modules/@storybook/router/dist/esm/utils.js 9.06 KiB [built]
    | ./node_modules/@storybook/router/dist/esm/router.js 4.96 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]
    |     + 100 hidden modules
[./node_modules/@storybook/core-client/node_modules/core-js/modules/es.array.iterator.js] 2.1 KiB {vendors~main} [built]
[./node_modules/@storybook/core-client/node_modules/core-js/modules/es.object.get-prototype-of.js] 659 bytes {vendors~main} [built]
[./node_modules/@storybook/core-client/node_modules/core-js/modules/es.object.to-string.js] 380 bytes {vendors~main} [built]
[./node_modules/@storybook/core-server/dist/cjs/globals/polyfills.js] 120 bytes {vendors~main} [built]
[./node_modules/@storybook/core-server/node_modules/core-js/features/symbol/index.js] 489 bytes {vendors~main} [built]
[./node_modules/@storybook/core-server/node_modules/regenerator-runtime/runtime.js] 24 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]
    + 2882 hidden modules
Child HtmlWebpackCompiler:
                          Asset      Size               Chunks  Chunk Names
    __child-HtmlWebpackPlugin_0  6.52 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.02 KiB {HtmlWebpackPlugin_0} [built]
i ｢wdm｣: Compiled successfully.
webpack built preview a25ef3183cf1bc2cb336 in 51341ms

———————————————————————————————————————————————

>  NX   ERROR  Running target "core-components:storybook" failed

  Failed tasks:

  - core-components:storybook

Environment

Node : 14.17.0
OS : win32 x64
npm : 6.14.13

nx : Not Found
@nrwl/angular : 12.3.3
@nrwl/cli : 12.3.3
@nrwl/cypress : 12.3.3
@nrwl/devkit : 12.3.3
@nrwl/eslint-plugin-nx : 12.3.3
@nrwl/express : Not Found
@nrwl/jest : 12.3.3
@nrwl/linter : 12.3.3
@nrwl/nest : Not Found
@nrwl/next : Not Found
@nrwl/node : Not Found
@nrwl/react : Not Found
@nrwl/schematics : Not Found
@nrwl/tao : 12.3.3
@nrwl/web : 12.3.3
@nrwl/workspace : 12.3.3
@nrwl/storybook : 12.3.3
@nrwl/gatsby : Not Found
typescript : 4.2.4

[juristr]

Hey @KirillMetrik, thanks for reaching out. This is due to a Storybook issue. I've been in contact with the team and they're working on a fix. Please refer to #5688 which has a workaround for now to at least have the serving of stories work until we get a fix on the Storybook side.

I'm closing this issue for now

[github-actions]

This issue has been closed for more than 30 days. If this issue is still occuring, please open a new issue with more recent context.