TypeScript accessor keyword throws rollup error: Unexpected token `...`. Expected * for generator, private key, identifier or async about vitest HOT 4 CLOSED

Try changing target of esbuild:

import { defineConfig } from "vitest/config";

export default defineConfig({
  esbuild: {
    target: "es2022",
  },
  test: {
    // ...
  },
});

This is not part of Javascript syntax and ESBuild will just parse it and pass through. If the target is something else than esnext, it will be transformed: https://github.com/evanw/esbuild/blob/main/CHANGELOG-2023.md#0185

This syntax is not yet a part of JavaScript but it was added to TypeScript in version 4.9. More information about this feature can be found in microsoft/TypeScript#49705. Auto-accessors will be transformed if the target is set to something other than esnext

When esbuild doesn't transform this non-JS syntax, Rollup will fail to parse the file.

from vitest.

@AriPerkkio should we automatically lower esbuild target to the lowest Node.js we support?

from vitest.

Yep, that worked fine @AriPerkkio thanks!

from vitest.

should we automatically lower esbuild target to the lowest Node.js we support?

I'm not sure. As esbuild is only used for TS files, it would create a weird situation where different syntax would not work on JS file.

from vitest.