Unexpected token: punc (.)

[ksolanki9]

🐛 Bug report

Current Behavior

Terser is creating issue while minification when minimizing one third part module on local machine.

Unexpected token: punc (.) [webpack://javascript/esm|./node_modules/somethirdpartypackage/dist/components/folder1/file1.js:24,0]
at ne (c:\temp\node_modules\terser-webpack-plugin\node_modules\terser\dist\bundle.min.js:1:195)
at c (c:\temp\node_modules\terser-webpack-plugin\node_modules\terser\dist\bundle.min.js:1:282)
at l (c:\temp\node_modules\terser-webpack-plugin\node_modules\terser\dist\bundle.min.js:1:283)
at f (c:\temp\node_modules\terser-webpack-plugin\node_modules\terser\dist\bundle.min.js:1:284)
at U (c:\temp\node_modules\terser-webpack-plugin\node_modules\terser\dist\bundle.min.js:1:422)
at me (c:\temp\node_modules\terser-webpack-plugin\node_modules\terser\dist\bundle.min.js:1:483)
at c:\temp\node_modules\terser-webpack-plugin\node_modules\terser\dist\bundle.min.js:1:492
at ve (c:\temp\node_modules\terser-webpack-plugin\node_modules\terser\dist\bundle.min.js:1:492)
at ke (c:\temp\node_modules\terser-webpack-plugin\node_modules\terser\dist\bundle.min.js:1:504)
at We (c:\temp\node_modules\terser-webpack-plugin\node_modules\terser\dist\bundle.min.js:1:507)

If we put minimization off as mentioned here #1012 then it works but then for whole project js compression and minimization not happening. do you know any workaround or exclude some particular node_modules from minification then would be good.

Your environment

Software	Version(s)
Razzle	4.2.18
Razzle Plugins	4.2.18
Node	18
Browser	NA
npm/Yarn	yarn
Operating System	windows
TypeScript	>5.0
React	18.2

[bassamIHabash]

Does your issue solve with React 18.2.0 ? @ksolanki9

[ColinFendrick]

I'm also running into a similar issue. Optional chaining works fine in my code but razzle isn't compiling node modules correctly. Any time I install a node module with optional chaining the terser build breaks with Unexpected token: punc (.) . This is preventing me from installing many packages. Is there a way to just update razzle/terser's compilation target?

[ColinFendrick]

Update on this, setting webpackConfig.optimization.minimize = false fixes this but also triples the bundle size. Is this really the workaround?

[ksolanki9]

below config fixed my issue, try once
webpackConfig.optimization = {
minimize: true,
splitChunks: {
chunks: 'all'
}
}

[ColinFendrick]

Thank you, this works! It works because we removed the plugins from the webpack optimization minimizer though. Did you have any issues with bundle size or unminimized css?

[ColinFendrick]

So an update on this, this caused an error in production: Unexpected token '<'.