angular-cli: Cannot investigate ng build --prod UglifyJs failure

If you add the sourcemaps flag, e.g. ng build --prod -sm, then the error shows the source file line causing the problem, instead of just the bundle line.

A use angular cli but i have no "uglify-js" in my package.json to replace. Do you know how to deal with that situation ?

I was having this problem as well ERROR in vendor.c45fa8f7cd4783bc8895.bundle.js from UglifyJs Unexpected token: name (radix) [vendor.c45fa8f7cd4783bc8895.bundle.js:45505,8]

And solved it by first looking into the sourcemaps (ng build --prod –sm), as suggested by @steveschmitt) which led me to discover that it was a problem with the generatorics npm package

ERROR in vendor.c45fa8f7cd4783bc8895.bundle.js from UglifyJs Unexpected token: name (radix) [/Users/maiasmith/git_repos/presentation-template-ng2/~/generatorics/generatorics.js:43,0][vendor.c45fa8f7cd4783bc8895.bundle.js:45505,8]

I removed the package, and problem solved!

Same issue. I may have a bad import but I can’t tell because the UglifyJs error refers to a file that’s never saved, I have no dist folder after this output. This also started for me after upgrading to cli 1.0 and angular 4.0

chunk    {0} polyfills.542b1cc3540cd92d2faf.bundle.js (polyfills) 231 kB {4} [initial] [rendered]
chunk    {1} main.7aa1f2df5f02a96ec7a8.bundle.js (main) 433 kB {3} [initial] [rendered]
chunk    {2} styles.affbae4a63d3ceba7182.bundle.css (styles) 69 bytes {4} [initial] [rendered]
chunk    {3} vendor.26896e0d308d49cc81c8.bundle.js (vendor) 2.82 MB [initial] [rendered]
chunk    {4} inline.310ee8c9f916bf58dfc3.bundle.js (inline) 0 bytes [entry] [rendered]

ERROR in vendor.26896e0d308d49cc81c8.bundle.js from UglifyJs
Unexpected token: punc ()) [vendor.26896e0d308d49cc81c8.bundle.js:1806,12]

@youssefgh I try to move on Angular-Cli 1.5 to have the following modification #7610, the production build is now working, but I’m not able to serve my application #7797 anymore…

So I didn’t have any solution for the moment

I think I installed the experimental uglify-js at the top level, and removed the nested one, and it just worked. Recent npm versions won’t install a nested package if you already have a compatible version installed at the top level.

Steve

On Oct 20, 2017 8:59 PM, “Youssef GHOUBACH” notifications@github.com wrote:

@steveschmitt https://github.com/steveschmitt i can’t find “uglify-js” in package.json because it’s a nested dependency of angular-cli though just adding it doesn’t change anything for the most of us. Any idea ? maybe you use a specific version of angular-cli that doesn’t nest uglify-js ? Thanks

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/angular/angular-cli/issues/5741#issuecomment-338239909, or mute the thread https://github.com/notifications/unsubscribe-auth/ABmCtms80kvLH9QL8hiA6XPgD8uDrKVsks5suLxNgaJpZM4MtkQ9 .

i have same issues, i remove node_modules, then npm install again, and success

I believe this was caused by a module I was importing (‘text-mask-core’) which used default parameters in the source. I was importing directly from the module’s src folder instead of the dist which is compatible. However, this was basically fixed by accident for me and I think it would be good if the error message was improved help investigate these kind of issues.

I had following error,

ERROR in vendor.26896e0d308d49cc81c8.bundle.js from UglifyJs Unexpected token: punc ()) [vendor.26896e0d308d49cc81c8.bundle.js:1806,12]

and it is fixed with ng build --prod --source-map later I get heap error and node --max_old_space_size=12000 ./node_modules/.bin/ng build --prod --source-map command solved that too.

For those interested in Angular CLI v6.* the flag is now --source-map.

For me, source maps helped me identify a trailing comma in my function parameters that was breaking uglifyJS 🤷‍♂️.

Hi, I have a similar issue on my project when I try to run “ng build --prod”

ERROR in main.ec6db48d8ba59a5ab59d.bundle.js from UglifyJs
Unexpected token: name (Utils) [main.ec6db48d8ba59a5ab59d.bundle.js:29,6]
ERROR in vendor.7ad64718ce2c67850294.bundle.js from UglifyJs
Unexpected token: name (AuthGuard) [vendor.7ad64718ce2c67850294.bundle.js:818,6]

I’m targeting es6, so I add the following dev-dependencies, clear the modules and reinstall… but I still have the error.

 "uglify-es": "^3.0.0",
 "uglify-js": "github:mishoo/UglifyJS2#harmony"

If someone has an idea to help me, it’s welcome.

@kirillgroshkov You can try replacing the uglify-js in your package.json with

    "uglify-js": "github:mishoo/UglifyJS2#harmony",

It’s an experimental version of Uglify that works with ES6.

ERROR in vendor.18a7b680aa4a2a94950a.bundle.js from UglifyJs
Unexpected token: name (Simple) [./~/cbor/lib/simple.js:9,0][vendor.18a7b680aa4a2a94950a.bundle.js:8889,6]

Line 9 of file ./~/cbor/lib/simple.js: class Simple {

“cbor” is dependency of “autobahn” library what is used in my project. Is it “crob” library issue? Why building by global ang local angular-cli of the same version behave differently?