loacl run Visual Tests Error (v8.6)

[Lee-NG915]

Summary

When I click Storybook Page Run Tests button, terminal pop error msg

chromatic.config is

{
  "onlyChanged": true,
  "projectId": "Project:xxxx",
  "storybookConfigDir": "xxxx",
  "zip": true
}

command is

  "storybook:build": "nx run fortress:build-storybook --configDir=.storybook",
    "chromatic": "npm run build-storybook && npx chromatic --project-token xxx --storybookBuildDir=storybook-static --exit-zero-on-changes --base-branch=xxx --config-file=../../chromatic.config.json",
    "build-storybook": "storybook build --config-dir=.storybook",
    "test-storybook:full": "pnpm exec playwright install chromium --with-deps && nx run fortress:storybook & npx wait-on http://localhost:6005 && npx test-storybook -c .storybook --url=http://localhost:6005 --verbose --browsers=chromium"

I simplify the terminal log

Retrieved git information
    → Commit '63f150b' on branch 'Color/feat/fortress-upgrade'; found 1 parent build and 566 changed files
Collecting Storybook metadata
No viewlayer package listed in dependencies. Checking transitive dependencies.
Collected Storybook metadata
    → Storybook 8.6.0 for React; no supported addons found
Initializing build
Initialized build
    → Build 303 initialized
Building your Storybook
    → Running command: pnpm run build-storybook --output-dir=/var/folders/qw/58ffg3zj0p1dpmy_rzvx9ssc0000gp/T/chromatic--47084-vU6Rgqs7qdum --webpack-stats-json=/var/folders/qw/58ffg3zj0p1dpmy_rzvx9ssc0000gp/T/chromatic--47084-vU6Rgqs7qdum
    → [*                   ]
 
17:51:54 [vite] page reload storybook-static/index.html
    → [ *                  ]
17:52:03 [vite] page reload storybook-static/iframe.html
    → [  *                 ]
    → [   *                ]
The CLI tried to run your build-storybook script, but the command failed. This indicates a problem with your Storybook. Here's what to do:

- Check the Storybook build log printed below.
- Run npm run build-storybook or yarn build-storybook yourself and make sure it outputs a valid Storybook by opening the generated index.html in your browser.
- Review the build-storybook CLI options at https://storybook.js.org/docs/configurations/cli-options/#for-build-storybook

Command failed with exit code 255: pnpm run build-storybook --output-dir=/var/folders/qw/58ffg3zj0p1dpmy_rzvx9ssc0000gp/T/chromatic--47084-vU6Rgqs7qdum --webpack-stats-json=/var/folders/qw/58ffg3zj0p1dpmy_rzvx9ssc0000gp/T/chromatic--47084-vU6Rgqs7qdum
The CJS build of Vite's Node API is deprecated. See https://vitejs.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated for more details.

[vite:dts] You are building a library that may not need to generate declaration files.

DEPRECATION WARNING: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.

More info: https://sass-lang.com/d/legacy-js-api


 
(!) Some chunks are larger than 500 kB after minification. Consider:
- Using dynamic import() to code-split the application
- Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/configuration-options/#output-manualchunks
- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.
✖ Failed to publish your built Storybook
✖ TurboSnap disabled due to missing stats file
Did not find preview-stats.json in your built Storybook.
Make sure you pass --webpack-stats-json when building your Storybook.
→ View the full stacktrace below

If you need help, please chat with us at https://www.chromatic.com/docs/cli for the fastest response.
You can also email the team at support@chromatic.com if chat is not an option.

Please provide us with the above CLI output and the following info:
{
  "timestamp": "2025-04-18T09:52:27.284Z",
  "sessionId": "cdd251e5-fc27-4760-b7c1-aca1d3eff690",
  "gitVersion": "2.39.5 (Apple Git-154)",
  "gitBranch": "Color/feat/fortress-upgrade",
  "gitSlug": "xxxx",
  "fromCI": true,
  "nodePlatform": "darwin",
  "nodeVersion": "18.20.4",
  "packageManager": "pnpm",
  "packageManagerVersion": "9.15.2",
  "packageName": "chromatic",
  "packageVersion": "11.28.2",
  "storybook": {
    "version": "",
    "builder": {
      "name": "@storybook/builder-vite"
    },
    "baseDir": "libs/fortress"
  },
  "flags": {
    "storybookBuildDir": [
      "storybook-static"
    ],
    "exitZeroOnChanges": "",
    "baseBranch": "jasper/fortress-upgrade",
    "configFile": "../../chromatic.config.json",
    "outputDir": [],
    "externals": [],
    "onlyStoryFiles": [],
    "onlyStoryNames": [],
    "untraced": [],
    "fileHashing": true,
    "interactive": true,
    "appCode": []
  },
  "configuration": {
    "configFile": "../../chromatic.config.json",
    "projectId": "Project:66825548b1273c22ce4c899b",
    "onlyChanged": true,
    "zip": true,
    "storybookConfigDir": "libs/fortress/.storybook"
  },
  "exitCode": 0,
  "exitCodeKey": "OK",
  "errorType": "Error",
  "errorMessage": "✖ Failed to publish your built Storybook",
  "build": {
    "id": "67d3de7ac8947a0342dabe41",
    "number": 245
  }
}

Error: ✖ TurboSnap disabled due to missing stats file
Did not find preview-stats.json in your built Storybook.
Make sure you pass --webpack-stats-json when building your Storybook.
    at UOr (/Users/colorli/.npm/_npx/86f55be96e7aba1d/node_modules/chromatic/dist/chunk-GMI43JHP.js:1005:1067)
    at HF.task (/Users/colorli/.npm/_npx/86f55be96e7aba1d/node_modules/chromatic/dist/chunk-GMI43JHP.js:642:2557)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)

ℹ Build command:
pnpm run build-storybook --output-dir=/var/folders/qw/58ffg3zj0p1dpmy_rzvx9ssc0000gp/T/chromatic--47084-vU6Rgqs7qdum --webpack-stats-json=/var/folders/qw/58ffg3zj0p1dpmy_rzvx9ssc0000gp/T/chromatic--47084-vU6Rgqs7qdum

ℹ Runtime metadata:
{
  "nodePlatform": "darwin",
  "nodeVersion": "18.20.4",
  "packageManager": "pnpm",
  "packageManagerVersion": "9.15.2"
}

ℹ Storybook build output:
 ...

 
storybook-static/assets/Popper-iFkre3jq.js                      23.76 kB
 
[vite:dts] Declaration files built in 602ms.
✓ built in 5.88s
info => Preview built (9.09 s)
 
Chromatic CLI v11.28.2
https://www.chromatic.com/docs/cli
Authenticating with Chromatic
    → Connecting to https://index.chromatic.com
Authenticated with Chromatic
    → Using project token '****************021f'
Retrieving git information
Found 566 changed files:
  ...
Retrieved git information
    → Commit '63f150b' on branch 'Color/feat/fortress-upgrade'; found 1 parent build and 566 changed files
Collecting Storybook metadata
Collected Storybook metadata
    → ; using the @storybook/builder-vite builder (undefined); no supported addons found
Initializing build
Initialized build
    → Build 304 initialized
Publish your built Storybook
    → Validating Storybook files
    → ✖ TurboSnap disabled due to missing stats file
Did not find preview-stats.json in your built Storybook.
Make sure you pass --webpack-stats-json when building your Storybook.
 ELIFECYCLE  Command failed with exit code 255.
    → Command failed: pnpm run build-storybook --output-dir=/var/folders/qw/58ffg3zj0p1dpmy_rzvx9ssc0000gp/T/chromatic--47084-vU6Rgqs7qdum --webpack-stats-json=/var/folders/qw/58ffg3zj0p1dpmy_rzvx9ssc0000gp/T/chromatic--47084-vU6Rgqs7qdum

Additional information

No response

Create a reproduction

No response

[Lee-NG915]

please help me, Thanks