Most nx cli commands fail when @nx/storybook attempts parse storybook's main.ts

[RyanClementsHax]

Current Behavior

Most nx commands fail

Expected Behavior

Nx commands can be run

GitHub Repo

https://github.com/RyanClementsHax/nx-storybook-repro

Steps to Reproduce

1. npm install
2. npx nx serve web-client --verbose

Nx Report

NX   Failed to process project graph.

Pass --verbose to see the stacktraces.

Failure Logs

NX   Failed to process project graph. See errors below.

Failed to process project graph.
  The "@nx/storybook/plugin" plugin threw an error while creating nodes from apps/web-client/.storybook/main.ts:
    ReferenceError: exports is not defined in ES module scope
        at file:///home/ryanclementshax/dev/mantis-todo/apps/web-client/.storybook/main.ts?t=1715126768269:2:23
        at ModuleJob.run (node:internal/modules/esm/module_job:218:25)
        at async ModuleLoader.import (node:internal/modules/esm/loader:329:24)
        at async importModuleDynamicallyWrapper (node:internal/vm/module:431:15)
        at async load (/home/ryanclementshax/dev/mantis-todo/node_modules/@nx/devkit/src/utils/config-utils.js:82:20)
        at async loadConfigFile (/home/ryanclementshax/dev/mantis-todo/node_modules/@nx/devkit/src/utils/config-utils.js:21:30)
        at async getStorybookFramework (/home/ryanclementshax/dev/mantis-todo/node_modules/@nx/storybook/src/plugins/plugin.js:167:27)
        at async buildStorybookTargets (/home/ryanclementshax/dev/mantis-todo/node_modules/@nx/storybook/src/plugins/plugin.js:68:32)
        at async Array.exports.createNodes (/home/ryanclementshax/dev/mantis-todo/node_modules/@nx/storybook/src/plugins/plugin.js:52:15)
        at async /home/ryanclementshax/dev/mantis-todo/node_modules/nx/src/project-graph/plugins/utils.js:49:27

Package Manager Version

10.5.1

Operating System

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

Additional Information

I'm on WSL Ubuntu 20.04

Node: v20.11.0

I was able to track down that the specific version that breaks this is 18.3.4. Given the error message, I imagine it is related to #22953

[Coly010]

This is going to require more thought. Trying to get ts-node to actually transpile to ESM seems to have some kind of issue.

[RyanClementsHax]

Thanks for your help :)

[falldowngoboone]

Is there any known workaround other than removing the plugin or reverting the version?

[njsokol]

Getting the same issue moving from 18.3.3 to 19.2.1. Seems like the issue is still persisting

[Coly010]

Credit to @jaysoo who figured this out. I've tested the fix out on the repro repo provided, and it works :) @RyanClementsHax once this is merged, expect it to be released either this week or next

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