Skip to content

Can't debug vite.config.ts unless pre-set a breakpoint at dep-DBxKXgDP.js in VSCode. #20177

@RabbitSeries

Description

@RabbitSeries

Description

I have tried the settings.json in #19595 and #19110.

It just doesn't work for me, the breakponits in vite.config.ts just can't hit.

This only works for me if I also set a breakpoint to .\node_modules\vite\dist\node\chunks\dep-DBxKXgDP.js#L49224:

    const config = await (typeof configExport === "function" ? configExport(configEnv) : configExport);

which is in source code:

const config = await (typeof configExport === 'function'
? configExport(configEnv)
: configExport)

Then a step over/continue will call the function and hit the breakpoint in vite.config.ts.

Alternatively, use "type":"commonjs" in package.json works even without these labour, but I don't want that.

Reproduction

https://github.com/RabbitSeries/debugTest

1.create-vite

npm create vite
Project name: debugTest
Package name: debugtest
Select React->TypeScript
cd debugTest
npm i
code .

2.Change vite.config.ts to export a function:

import { type ConfigEnv, defineConfig, type UserConfig } from 'vite'
import react from '@vitejs/plugin-react'
// https://vite.dev/config/
export default defineConfig((env: ConfigEnv) => {
  if (env.command === 'serve') {
    const devConfig: UserConfig = {
      plugins: [react()],
      server: {
        port: 9262
      },
      preview: {
        port: 9262
      }
    }
    return devConfig
  } else {
    const buildConfig: UserConfig = {
      plugins: [react()],
      build: {
        outDir: "dist"
      }
    }
    return buildConfig
  }
})

3.Add the ./.vscode/settings.json as in Doc
4.Set the breakpoint at the if statement inside the vite.config.ts
5.Hit the debug at the code lens of package.json, select dev
6.Breakpoint doesn't hit

SystemInfo

C:\Users\rabbit\debugTest>npx envinfo --system --npmPackages '{vite,@vitejs/*,rollup}' --binaries --browsers
Need to install the following packages:
[email protected]
Ok to proceed? (y) y

System:
OS: Windows 11 10.0.26100
CPU: (8) x64 Intel(R) Core(TM) i5-10300H CPU @ 2.50GHz
Memory: 9.75 GB / 15.91 GB
Binaries:
Node: 22.12.0 - D:\Program Files\nodejs\node.EXE
npm: 10.9.0 - D:\Program Files\nodejs\npm.CMD
pnpm: 10.11.1 - ~\AppData\Local\pnpm\pnpm.EXE
Browsers:
Edge: Chromium (131.0.2903.70)

Used Package Manager

npm

Logs

I think not relevant.

Validations

Metadata

Metadata

Assignees

No one assigned

    Labels

    feat: sourcemapSourcemap supportp3-minor-bugAn edge case that only affects very specific usage (priority)

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions