Unexpected token: punc ({)

[lichbt-rk]

Link to the code that reproduces this issue

https://github.com/lichbt-rk/next-14-minify-error

To Reproduce

1. create project with npx create-next-app@latest
2. Add a class with static property
3. set swcMinify is false in next.config.js
4. Run npm run build

Current vs. Expected behavior

Current: got the error
`> build

next build

⚠ Disabling SWC Minifer will not be an option in the next major version. Please report any issues you may be experiencing to https://github.com/vercel/next.js/issues
✓ Linting and checking validity of types
▲ Next.js 14.0.4-canary.25

Failed to compile.

../pages/TestClass.js from Terser
Unexpected token: punc ({) [../pages/TestClass.js:174,10]
at js_error (/home/lichbt/Projects/next-14-minify-error/node_modules/next/dist/compiled/terser/bundle.min.js:1:32780)
at croak (/home/lichbt/Projects/next-14-minify-error/node_modules/next/dist/compiled/terser/bundle.min.js:1:43882)
at token_error (/home/lichbt/Projects/next-14-minify-error/node_modules/next/dist/compiled/terser/bundle.min.js:1:43989)
at unexpected (/home/lichbt/Projects/next-14-minify-error/node_modules/next/dist/compiled/terser/bundle.min.js:1:44055)
at as_property_name (/home/lichbt/Projects/next-14-minify-error/node_modules/next/dist/compiled/terser/bundle.min.js:1:68487)
at concise_method_or_getset (/home/lichbt/Projects/next-14-minify-error/node_modules/next/dist/compiled/terser/bundle.min.js:1:64746)
at class_ (/home/lichbt/Projects/next-14-minify-error/node_modules/next/dist/compiled/terser/bundle.min.js:1:64098)
at statement (/home/lichbt/Projects/next-14-minify-error/node_modules/next/dist/compiled/terser/bundle.min.js:1:46908)
at embed_tokens_wrapper (/home/lichbt/Projects/next-14-minify-error/node_modules/next/dist/compiled/terser/bundle.min.js:1:45013)
at block (/home/lichbt/Projects/next-14-minify-error/node_modules/next/dist/compiled/terser/bundle.min.js:1:56881)

../pages/index.js from Terser
Unexpected token: punc ({) [../pages/index.js:197,10]
at js_error (/home/lichbt/Projects/next-14-minify-error/node_modules/next/dist/compiled/terser/bundle.min.js:1:32780)
at croak (/home/lichbt/Projects/next-14-minify-error/node_modules/next/dist/compiled/terser/bundle.min.js:1:43882)
at token_error (/home/lichbt/Projects/next-14-minify-error/node_modules/next/dist/compiled/terser/bundle.min.js:1:43989)
at unexpected (/home/lichbt/Projects/next-14-minify-error/node_modules/next/dist/compiled/terser/bundle.min.js:1:44055)
at as_property_name (/home/lichbt/Projects/next-14-minify-error/node_modules/next/dist/compiled/terser/bundle.min.js:1:68487)
at concise_method_or_getset (/home/lichbt/Projects/next-14-minify-error/node_modules/next/dist/compiled/terser/bundle.min.js:1:64746)
at class_ (/home/lichbt/Projects/next-14-minify-error/node_modules/next/dist/compiled/terser/bundle.min.js:1:64098)
at statement (/home/lichbt/Projects/next-14-minify-error/node_modules/next/dist/compiled/terser/bundle.min.js:1:46908)
at embed_tokens_wrapper (/home/lichbt/Projects/next-14-minify-error/node_modules/next/dist/compiled/terser/bundle.min.js:1:45013)
at block (/home/lichbt/Projects/next-14-minify-error/node_modules/next/dist/compiled/terser/bundle.min.js:1:56881)

Build failed because of webpack errors
`

Verify canary release

• I verified that the issue exists in the latest Next.js canary release

Provide environment information

node: 18.17.1
next: 14.0.3
os: ubuntu 20.04 LTS

Which area(s) are affected? (Select all that apply)

SWC transpilation

Additional context

No response

[milap1296]

I can also confirm, facing the same issue!

[m19]

I believe my comment on another issue is related.

When I set swcMinify: false I get Unexpected token: punc ({ too. This happens on 14.0.3 and not 14.0.1 (the version I was using before this). In 14.0.1 I can set swcMinify: false and everything compiles without issue.

[lichbt-rk]

I believe my comment on another issue is related.

When I set swcMinify: false I get Unexpected token: punc ({ too. This happens on 14.0.3 and not 14.0.1 (the version I was using before this). In 14.0.1 I can set swcMinify: false and everything compiles without issue.

The error still occurs in version 14.0.1.

[kdy1]

I started working on this 😄

[kdy1]

SWC transpiles static class properties to static blocks.

 export class TestClass {
    static currentDate = new Date()
 }

output:

             class TestClass {
                static{
                    this.currentDate = new Date();
                }
            }

but it seems like terser is not recognizing it properly

[kdy1]

Wait... This means next-swc is misconfigured.

export class TestClass {
}
TestClass.currentDate = new Date();

this is the expected output

https://play.swc.rs/?version=1.3.100&code=H4sIAAAAAAAAA1NIrSjILypRSM5JLC5WCEktLnEGs6q5FICguCSxJDNZIbm0qCg1r8QlsSRVwVYhL7VcAcTU0ORSqAUA2VrEyEAAAAA%3D&config=H4sIAAAAAAAAA21Quw6DMAzc%2BQrkuUPbgaFrq279iAgclCokkS9IRYh%2FL69QkLrZd%2Bc7232W5%2FRGSbe8H8uxCUrAsvUjgs5F9RkRil1glGJCpFNiIyZKKwueoWFhyHoPTsyKNcYZ3e29S98EYeAonKTK1Zb%2FOkclNcdpH8b1fCko4aIctJdmH9CCH6yN46eXu1XA07CtcDTOVnNqfNXOqeszpoOXoIJ%2BonTFtjEZvNJklJaz4QsYhC3oWAEAAA%3D%3D

[kdy1]

Closing as fixed on canary.
Forked repro: https://github.com/kdy1/repro-next-59046

[github-actions]

This closed issue has been automatically locked because it had no new activity for 2 weeks. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.