The "@nx/jest/plugin" plugin threw an error ... ESM syntax is not allowed in a CommonJS module when 'verbatimModuleSyntax' is enabled.

[manuphatak]

Current Behavior

 NX   Failed to process project graph. Run "nx reset" to fix this. Please report the issue if you keep seeing it. See errors below.

Failed to process project graph. Run "nx reset" to fix this. Please report the issue if you keep seeing it.
  The "@nx/jest/plugin" plugin threw an error while creating nodes from apps/nx-jest-bug/jest.config.ts:
    Error: Jest: Failed to parse the TypeScript config file /Users/manu/Code/manuphatak/nx-jest-bug/apps/nx-jest-bug/jest.config.ts
      TSError: ⨯ Unable to compile TypeScript:
    apps/nx-jest-bug/jest.config.ts(2,1): error TS1286: ESM syntax is not allowed in a CommonJS module when 'verbatimModuleSyntax' is enabled.
    
        at readConfigFileAndSetRootDir (/Users/manu/Code/manuphatak/nx-jest-bug/node_modules/.pnpm/jest-config@29.7.0_@types+node@18.16.20_ts-node@10.9.1/node_modules/jest-config/build/readConfigFileAndSetRootDir.js:116:13)
        at async readInitialOptions (/Users/manu/Code/manuphatak/nx-jest-bug/node_modules/.pnpm/jest-config@29.7.0_@types+node@18.16.20_ts-node@10.9.1/node_modules/jest-config/build/index.js:403:13)
        at async readConfig (/Users/manu/Code/manuphatak/nx-jest-bug/node_modules/.pnpm/jest-config@29.7.0_@types+node@18.16.20_ts-node@10.9.1/node_modules/jest-config/build/index.js:147:48)
        at async buildJestTargets (/Users/manu/Code/manuphatak/nx-jest-bug/node_modules/.pnpm/@nx+jest@19.0.2_@swc-node+register@1.8.0_@swc+core@1.3.107_@types+node@18.16.20_nx@19.0.2_ts-_ct5ujyi7caxlebalyox5otyjgu/node_modules/@nx/jest/src/plugins/plugin.js:76:20)
        at async Array.exports.createNodes (/Users/manu/Code/manuphatak/nx-jest-bug/node_modules/.pnpm/@nx+jest@19.0.2_@swc-node+register@1.8.0_@swc+core@1.3.107_@types+node@18.16.20_nx@19.0.2_ts-_ct5ujyi7caxlebalyox5otyjgu/node_modules/@nx/jest/src/plugins/plugin.js:58:14)
        at async /Users/manu/Code/manuphatak/nx-jest-bug/node_modules/.pnpm/nx@19.0.2_@swc-node+register@1.8.0_@swc+core@1.3.107/node_modules/nx/src/project-graph/plugins/utils.js:49:27
        at async Promise.all (index 0)
        at async runCreateNodesInParallel (/Users/manu/Code/manuphatak/nx-jest-bug/node_modules/.pnpm/nx@19.0.2_@swc-node+register@1.8.0_@swc+core@1.3.107/node_modules/nx/src/project-graph/plugins/utils.js:66:5)
        at async Promise.all (index 3)
        at async processFilesAndCreateAndSerializeProjectGraph (/Users/manu/Code/manuphatak/nx-jest-bug/node_modules/.pnpm/nx@19.0.2_@swc-node+register@1.8.0_@swc+core@1.3.107/node_modules/nx/src/daemon/server/project-graph-incremental-recomputation.js:148:43)

https://app.warp.dev/block/gSjFdAYBGV7r6GuDLtEu1a

Expected Behavior

The server runs

GitHub Repo

https://github.com/manuphatak/nx-jest-bug

Steps to Reproduce

1. run npx create-nx-workspace@latest --pm pnpm
2. choose a node -> nest app (also happens with express) in an integrated monorepo
   
3. run cd <app-name>
4. run nx serve <app-name>

Nx Report

nx report --verbose

 NX   Failed to process project graph. Run "nx reset" to fix this. Please report the issue if you keep seeing it.

Pass --verbose to see the stacktraces.

Failure Logs

No response

Package Manager Version

node@v20.13.1, pnpm@8.15.6

Operating System

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

Additional Information

No response

[manuphatak]

For troubleshooting purposes:

• I've tried nx reset -- it does not fix. I left it out because it's not required to recreate this.
• I've tried using npm instead of pnpm
• I've tried npx nx serve <app-name> (as recommended by the readme)
  
• I've tried adding verbatimModuleSyntax: false to the root /tsconfig.base.json file

[shettydev]

The issue is occurring because the directory path is set incorrectly in the jest config file. In my case I was getting the same error as I was using jest in my next.js project.

I fixed this issue by creating two config files. One will be used during testing my next.js project, while the other one will be used for @nx/jest/plugin

jest.config.ts:

import type { Config } from 'jest'
import nextJest from 'next/jest.js'

const createJestConfig = nextJest({
  dir: './',
})
...

So I created a duplicate jest config file and named it jest.nx.config.ts:

import type { Config } from 'jest'
import nextJest from 'next/jest.js'

const createJestConfig = nextJest({
  // Provide the path to your Next.js app
  dir: './apps/frontend/web/',
})
...

And updated my nx.json to use check the new config file during compilation.

{
      "plugin": "@nx/jest/plugin",
      "include": ["**/jest.nx.config.ts"],
      "exclude": ["**/jest.config.ts"],
      "options": {
        "targetName": "test"
      }
    },

[github-actions]

This issue has been automatically marked as stale because it hasn't had any activity for 6 months.
Many things may have changed within this time. The issue may have already been fixed or it may not be relevant anymore.
If at this point, this is still an issue, please respond with updated information.
It will be closed in 21 days if no further activity occurs.
Thanks for being a part of the Nx community! 🙏