Vitest won't resolve Path aliases in nx 19.7.2, 19.7.1, 19.7.0 and 19.6.6

[jahusa02]

Current Behavior

Vitest will fail with

Error: Failed to load url @test/other-things/things-things.controller (resolved id: @test/other-things/things-things.controller) in /workspace/vitest/apps/vitest-test/src/things/stuff/bla.mapper.spec.ts. Does the file exist? ❯ loadAndTransform ../../node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-BaOMuo4I.js:51847:17

in 19.6.5 it will run fine tho. Please help because that will halt us from updating.

Expected Behavior

Should resolve Path aliases

GitHub Repo

https://github.com/jahusa02/nx-19.7.0-vitest

Steps to Reproduce

1. run nx test vitest-test

Nx Report

Node           : 20.16.0
OS             : darwin-arm64
Native Target  : aarch64-macos
pnpm           : 9.10.0

nx (global)        : 19.7.0
nx                 : 19.7.0
@nx/js             : 19.7.0
@nx/jest           : 19.7.0
@nx/eslint         : 19.7.0
@nx/workspace      : 19.7.0
@nx/esbuild        : 19.7.0
@nx/eslint-plugin  : 19.7.0
@nx/node           : 19.7.0
@nrwl/tao          : 19.7.0
@nx/vite           : 19.7.0
@nx/web            : 19.7.0
typescript         : 5.5.4
---------------------------------------
Registered Plugins:
@nx/eslint/plugin
@nx/vite/plugin

Failure Logs

Error: Failed to load url @test/other-things/things-things.controller (resolved id: @test/other-things/things-things.controller) in /workspace/vitest/apps/vitest-test/src/things/stuff/bla.mapper.spec.ts. Does the file exist?
 ❯ loadAndTransform ../../node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-BaOMuo4I.js:51847:17

Package Manager Version

[email protected]

Operating System

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

Additional Information

No response

[egonm12]

I have the same problem and suspect it might be related to this change, but I don't have the time to confirm this atm: #27774

[0xd0a]

@egonm12 Yes, you are correct.

The culprit is

nx/packages/vite/plugins/nx-tsconfig-paths.plugin.ts

Line 255 in 7c79f2a

const { dir, name } = parse(path);

If the file name consists of several segments separated with dots the "parse" will erroneously consider it an extension.

For example

import { a } from "./app.controller";

controller is obviously not an extension.

So #27774 has to be reconsidered.

Also, there are other exotic ways to express a path. For example, vite css-pre-processors page advises to use "path.css?inline", hope that doesn't mess the plugin.

[roshcagra]

Hi! I'm running into this too while attempting to upgrade to 19.8.2 :(

Is there a known workaround or should I wait for a fix before upgrading?

[dvictory]

We also hit this upgrading from 19.6.6

we have in our base tsconfig

"@foo/constants/*": [
        "libs/foo/src/constants/*"
      ]

this fails

import { Bar } from '@foo/constants/bar.constants';

when trying to import file
libs/foo/src/constants/bar.contants.ts

For now we have to stick with 19.6.5