Start a new pull request in StackBlitz Codeflow.

• vitest-dev-vitest-uk35mv (Open reproduction)

Vitest just uses Vite which uses esbuild. Until esbuild is updated in their dependencies (maybe it already is, and you just need to update versions?) you can use the resolutions/overrides field:

For pnpm:

{
  "overrides": {
    "esbuild": "^0.19.3"
  }
}

For yarn:

{
  "resolutions": {
    "esbuild": "^0.19.3",
  }
}

I thought esbuild was only used for dependencies, not for application code? In any case, that override doesn't appear to fix the issue. Also, tsx uses an older version of esbuild than that override and the using syntax works just fine in tsx.

Vitest uses rollup for application code, and rollup uses acorn.

rollup/rollup#5113

I fixed this issue by setting esbuild's target to es2022:

import { defineConfig } from 'vitest/config';

export default defineConfig({
  esbuild: { target: 'es2022' },
});

The current workaround is to use @nedsalk's config. The issue should be fixed when Vitest 1.0 is released.