Property 'webpackStatsJson' does not match the schema. 'false' should be a 'string'.

[andav51]

Current Behavior

I am following the nx documentation to create an Angular based nx workspace and configure storybook. When I attempt to run storybook, I get the following error:

Property 'webpackStatsJson' does not match the schema. 'false' should be a 'string'.

Expected Behavior

Storybook should start without error. This is a simple project created by following the nx documentation.

GitHub Repo

No response

Steps to Reproduce

I have recreated the problem in a Docker container. Paste the following text in a Dockerfile:

FROM node:18.18.2
RUN npm install -g [email protected]
RUN npx [email protected] angular-monorepo --preset=angular-monorepo --appName=angular-store --style=css --e2eTestRunner=cypress --standaloneApi=false --routing=true --nxCloud=false --interactive=false
WORKDIR angular-monorepo
RUN nx g @nx/angular:storybook-configuration angular-store --configureStaticServe=true --generateStories=true --interactionTests=true

In the same directory where the Dockerfile has been created, run the following command to build a Docker image:

docker build -t nx-storybook .

Now run storybook in a container to see the issue:

docker run -it --rm nx-storybook nx storybook angular-store

Nx Report

Node   : 18.18.2
   OS     : linux-x64
   npm    : 9.8.1
   
   nx (global)        : 16.10.0
   nx                 : 16.10.0
   @nx/js             : 16.10.0
   @nx/jest           : 16.10.0
   @nx/linter         : 16.10.0
   @nx/workspace      : 16.10.0
   @nx/angular        : 16.10.0
   @nx/cypress        : 16.10.0
   @nx/devkit         : 16.10.0
   @nx/eslint-plugin  : 16.10.0
   @nx/storybook      : 16.10.0
   @nrwl/tao          : 16.10.0
   @nx/web            : 16.10.0
   @nx/webpack        : 16.10.0
   typescript         : 5.1.6
   ---------------------------------------
   Community plugins:
   @storybook/angular : 7.5.0

Failure Logs

>  NX   Property 'webpackStatsJson' does not match the schema. 'false' should be a 'string'.



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

 >  NX   Ran target storybook for project angular-store (107ms)
 
    ✖    1/1 failed
    ✔    0/1 succeeded [0 read from cache]

Package Manager Version

No response

Operating System

• macOS
• Linux
• Windows
• Other (Please specify)

Additional Information

This issue was first seen in a much larger project after upgrading to nx 16. Storybook worked fine in nx 15. I recreated the issue in a simple project to simplify submitting this issue.

[andav51]

This appears to be a storybook issue.

[andav51]

Confirmed that this is now fixed in storybook 7.5.1.

[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.