Cannot hit node breakpoints in vscode projects with nested vite.config.ts

[maitlandmarshall]

Describe the bug

I have a main library/app and I want to create a playground app with a nested vite.config.ts to use for deugging and development. However, when running npm run dev:playground with vscode from the project root I can't hit any breakpoints within playground/vite.config.ts. I can hit breakpoints within the ./vite.config.ts in the root after running npm run dev.

npm run dev:playground:

npm run dev

Reproduction

https://github.com/maitlandmarshall/vite-nested-debug-project-issue

Steps to reproduce

1. Open vscode JavaScript Debug Terminal (or any other launch debug).
2. Put a breakpoint in playground/vite.config.ts on the same line as defineConfig
3. Run npm run dev:playground in the Debug Terminal
4. No breakpoint hit

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-11370H @ 3.30GHz
    Memory: 16.29 GB / 31.84 GB
  Binaries:
    Node: 22.0.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.19 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 9.6.2 - C:\Program Files\nodejs\npm.CMD
    pnpm: 7.30.0 - ~\AppData\Local\pnpm\pnpm.EXE
  Browsers:
    Edge: Chromium (123.0.2420.97)
    Internet Explorer: 11.0.22621.3527
  npmPackages:
    @vitejs/plugin-vue: ^5.0.4 => 5.0.4
    vite: ^5.2.0 => 5.2.10

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.