Error Unexpected token '{' after upgrade from [email protected]

[konstantin-paulus]

Describe the bug

My spa crashes on Safari Version 16.2 (18614.3.7.1.5) when I use static class members. They get transpiled into:

...
static {
  myvar = ...
}
...

Which Safari is unable to interpret. My typescript build target is es2021. When I downgrade vite from 5.3.1 to 4.3.9 the issue does not appear.

Reproduction

http://localhost:5173

Steps to reproduce

npm run dev

System Info

Safari Version 16.2 (18614.3.7.1.5)

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.

[konstantin-paulus]

This appears to be the same issue as in #13863

[bluwy]

If you're upgrading from v4 to v5, this is covered in the migration guide: https://vitejs.dev/guide/migration.html#update-experimentaldecorators-and-usedefineforclassfields-typescript-behaviour