Unable to use @nx/playwright due to TypeScript compilation error

[aramfe]

Current Behavior

I am encountering an issue when attempting to use @nx/playwright in my project. The error occurs during the execution of the following command: yarn nx add @nx/playwright

Command failed: yarn nx g @nx/playwright:init --keepExistingVersions --updatePackageScripts
NX  Falling back to ts-node for local typescript execution. This may be a little slower.
 - To fix this, ensure @swc-node/register and @swc/core have been installed
Unable to create nodes for application-tests/sde/playwright.config.ts using plugin @nx/playwright/plugin.

Inner Error: TSError: ⨯ Unable to compile TypeScript:
error TS6046: Argument for '--moduleResolution' option must be: 'node', 'classic', 'node16', 'nodenext'.

Environment:

• Node version: 20
• Playwright version: 1.38.1

Expected Behavior

Expected behaviour is that the targets get set up accordingly to the generator.

GitHub Repo

No response

Steps to Reproduce

1. Run the following command:
   yarn nx add @nx/playwright

Nx Report

NX  Falling back to ts-node for local typescript execution. This may be a little slower.
- To fix this, ensure @swc-node/register and @swc/core have been installed
Unable to create nodes for application-tests/sde/playwright.config.ts using plugin @nx/playwright/plugin. 

       Inner Error: TSError: ⨯ Unable to compile TypeScript:
error TS6046: Argument for '--moduleResolution' option must be: 'node', 'classic', 'node16', 'nodenext'.

  at createTSError (/Users/myuser/project/node_modules/ts-node/src/index.ts:859:12)
  at reportTSError (/Users/myuser/project/node_modules/ts-node/src/index.ts:863:19)
  at /Users/myuser/project/node_modules/ts-node/src/index.ts:1379:34
  at Object.compile (/Users/myuser/project/node_modules/ts-node/src/index.ts:1458:13)
  at Module.m._compile (/Users/myuser/project/node_modules/ts-node/src/index.ts:1617:30)
  at Module._extensions..js (node:internal/modules/cjs/loader:1435:10)
  at Object.require.extensions.<computed> [as .ts] (/Users/myuser/project/node_modules/ts-node/src/index.ts:1621:12)
  at Module.load (node:internal/modules/cjs/loader:1207:32)
  at Function.Module._load (node:internal/modules/cjs/loader:1023:12)
  at Module.require (node:internal/modules/cjs/loader:1235:19)
  at Module.Mod.require (/Users/myuser/project/node_modules/nx/bin/init-local.js:145:36)
  at require (node:internal/modules/helpers:176:18)
  at load (/Users/myuser/project/node_modules/@nx/devkit/src/utils/config-utils.js:65:16)
  at loadConfigFile (/Users/myuser/project/node_modules/@nx/devkit/src/utils/config-utils.js:20:36)
  at buildPlaywrightTargets (/Users/myuser/project/node_modules/@nx/playwright/src/plugins/plugin.js:60:70)
  at exports.createNodes (/Users/myuser/project/node_modules/@nx/playwright/src/plugins/plugin.js:43:20)

NX   Unable to create nodes for application-tests/project/playwright.config.ts using plugin @nx/playwright/plugin. 


       Inner Error: TSError: ⨯ Unable to compile TypeScript:
error TS6046: Argument for '--moduleResolution' option must be: 'node', 'classic', 'node16', 'nodenext'.

  at createTSError (/Users/myuser/project/node_modules/ts-node/src/index.ts:859:12)
  at reportTSError (/Users/myuser/project/node_modules/ts-node/src/index.ts:863:19)
  at /Users/myuser/project/node_modules/ts-node/src/index.ts:1379:34
  at Object.compile (/Users/myuser/project/node_modules/ts-node/src/index.ts:1458:13)
  at Module.m._compile (/Users/myuser/project/node_modules/ts-node/src/index.ts:1617:30)
  at Module._extensions..js (node:internal/modules/cjs/loader:1435:10)
  at Object.require.extensions.<computed> [as .ts] (/Users/myuser/project/node_modules/ts-node/src/index.ts:1621:12)
  at Module.load (node:internal/modules/cjs/loader:1207:32)
  at Function.Module._load (node:internal/modules/cjs/loader:1023:12)
  at Module.require (node:internal/modules/cjs/loader:1235:19)
  at Module.Mod.require (/Users/myuser/project/node_modules/nx/bin/init-local.js:145:36)
  at require (node:internal/modules/helpers:176:18)
  at load (/Users/myuser/project/node_modules/@nx/devkit/src/utils/config-utils.js:65:16)
  at loadConfigFile (/Users/myuser/project/node_modules/@nx/devkit/src/utils/config-utils.js:20:36)
  at buildPlaywrightTargets (/Users/myuser/project/node_modules/@nx/playwright/src/plugins/plugin.js:60:70)
  at exports.createNodes (/Users/myuser/project/node_modules/@nx/playwright/src/plugins/plugin.js:43:20)

Failure Logs

No response

Package Manager Version

No response

Operating System

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

Additional Information

No response

[AgentEnder]

This was fixed by #21979. Can you check latest betas or canary release? It should be included in next patch or minor.

[aramfe]

@AgentEnder

I sadly still get this very error with the latest 18.1.0-canary.20240306-cc2f655

So it's sadly not fixed for me. I can also confirm that with deleting my playwright.config.ts or renaming ot to something like temp.ts, the command yarn nx add @nx/playwright works without any problem.

Would appreciate further help here.

[aramfe]

@AgentEnder could you re-open the issue? Didn't seem like as if your fix fixed my issue or do I need to create another issue?

[leosvelperez]

@aramfe which version of TypeScript are you using?

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