Cannot investigate ng build --prod UglifyJs failure

Bug Report or Feature Request (mark with an `x`)

- [X] bug report -> please search issues before submitting
- [] feature request

Versions.

    _                      _                 ____ _     ___
   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/
@angular/cli: 1.0.0
node: 6.9.4
os: darwin x64
@angular/animations: 4.0.0
@angular/common: 4.0.0
@angular/compiler: 4.0.0
@angular/compiler-cli: 4.0.0
@angular/core: 4.0.0
@angular/forms: 4.0.0
@angular/http: 4.0.0
@angular/material: 2.0.0-beta.2
@angular/platform-browser: 4.0.0
@angular/platform-browser-dynamic: 4.0.0
@angular/platform-server: 4.0.0
@angular/router: 4.0.0
@angular/cli: 1.0.0

Repro steps.

I run...
ng build --prod

But uglify fails and there's no way to investigate it because the dest folder isn't created on this failure. Specifically trying to investigate Unexpected token operator «=», expected punc «,» .

chunk    {0} 0.d17559b9dc1f9710df9e.chunk.js 977 kB {1} {2} [rendered]
chunk    {1} 1.3fb611ed62385f1481c5.chunk.js 762 kB {0} {2} [rendered]
chunk    {2} main.6670c5c330feeaa5af25.bundle.js (main) 760 kB {5} [initial] [rendered]
chunk    {3} scripts.bf4293b30b91e67e776a.bundle.js (scripts) 124 kB {6} [initial] [rendered]
chunk    {4} styles.5d73c197136fb409042d.bundle.css (styles) 228 bytes {6} [initial] [rendered]
chunk    {5} vendor.1f74f5a264bded28ec07.bundle.js (vendor) 3.63 MB [initial] [rendered]
chunk    {6} inline.51a70f6c591274413cac.bundle.js (inline) 0 bytes [entry] [rendered]

ERROR in 0.d17559b9dc1f9710df9e.chunk.js from UglifyJs
Unexpected token operator «=», expected punc «,» [0.d17559b9dc1f9710df9e.chunk.js:9262,39]

The log given by the failure.

Desired functionality.

Would like some more context. The intermediate files should not be deleted on an UglifyJs failure because there's not much to go on.

Mention any other details that might be useful.

This error started for me today after I tried to update to angular 4 and the new angular cli.

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.

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]

I agree that it would be good to have better errors for this sort of stuff, but that's what UglifyJS gives us. Maybe we can replace it with something else in the future.

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.

@calbot

For me helps @calbot solution. I also have used text-mask-core source code instead of dist (utilities have many useful functions).

@steveschmitt

@steveschmitt ah of course, I didn't think of that at all. --prod defaults to no sourcemaps, so without turning them on there isn't a way to get the source. That's the real answer. Cheers!

When I run global angular-cli@1.0.4 ng build -prod, then building complete successfully. But when I try to run local angular-cli@1.0.4 node_modules\.bin\ng build -prod, then error is thrown ERROR in vendor.c6a3588f344ea41b381f.bundle.js from UglifyJs Unexpected token: name (Simple) [vendor.c6a3588f344ea41b381f.bundle.js:8858,6].

File tsconfig.json:

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "baseUrl": "src",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2016",
      "dom"
    ]
  }
}

File tsconfig.app.json:

{
    "extends": "../tsconfig.json",
    "compilerOptions": {
        "outDir": "../out-tsc/app",
        "module": "es2015",
        "baseUrl": "",
        "types": []
    },
    "exclude": [
        "test.ts",
        "**/*.spec.ts"
    ]
}

Can somebody explain why is this happening?

Try the source map option which was mentioned earlier to see where the error came from.

…

On 24 May 2017 at 12:47, yaahor ***@***.***> wrote: When I run global ***@***.*** ng build -prod, then building complete successfully. But when I try to run local ***@***.*** node_modules\.bin\ng build -prod, then error is thrown ERROR in vendor.c6a3588f344ea41b381f.bundle.js from UglifyJs Unexpected token: name (Simple) [vendor.c6a3588f344ea41b381f. bundle.js:8858,6]. File tsconfig.json: { "compileOnSave": false, "compilerOptions": { "outDir": "./dist/out-tsc", "baseUrl": "src", "sourceMap": true, "declaration": false, "moduleResolution": "node", "emitDecoratorMetadata": true, "experimentalDecorators": true, "target": "es5", "typeRoots": [ ***@***.***" ], "lib": [ "es2016", "dom" ] } } File tsconfig.app.json: { "extends": "../tsconfig.json", "compilerOptions": { "outDir": "../out-tsc/app", "module": "es2015", "baseUrl": "", "types": [] }, "exclude": [ "test.ts", "**/*.spec.ts" ] } Can somebody explain why is this happening? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#5741 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AHywlJAQzJzNhcJtA2x1GdRQfkzgo2Riks5r9IlbgaJpZM4MtkQ9> .

I moved to cli 1.5.0-rc.2 as a workaround until 1.5 is released
For anyone having the same problem here is my changes:

move to : "@angular/cli": "1.5.0-rc.2"
make sure that target is set to "es2015" in tsconfig.json
serve using : ng serve --aot

Thanks a lot guys for you help ;)

I got the same issue using 1.5. I tried both ng build --prod --aot and ng build --prod --aot false. The error says:

Unexpected token: name (MyService) [main.9ccecc27d4a5724997c5.bundle.js:20,6

@ShinDarth

@ShinDarth i no longer have this issue using 1.5 and even without using --aot. I think you have a different problem
can you make sure that target is set to "es2015" in tsconfig.json ?
if you still have the same issue try building with : ng build --prod --sm to see what lib is causing your error

@youssefgh

@youssefgh I did it, in my case it's not a lib but my source code

@ShinDarth

@ShinDarth then (i think) just changing the es6+ syntax in your code to a ES2015 compliant should resolve your problem see above comment :

If you use the -sm flag to know what file is causing problems, and you have access to the file, the solution (atleast for me) was to not use es6+ features in that file. Removing all es6+ features made this error go away.

yes I used --sm flag to check which line of my code is actually causing it, but it's this line:

export class MyService {

That is weird that a simple class in an angular project can cause this
Can you share a sample project that reproduce this error ?

@youssefgh

@youssefgh I'm not able to reproduce the problem in other projects. Actually I'm even having troubles in reproducing it with the same project across different machines...

I solved mine by removing repeated codes inside my assets folder.

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 🤷‍♂️.

Hello ,

Here is the error i face after running ng build --prod.
Please can someone help me out!!

ERROR in 10.ef56b443a514b22853bd.chunk.js from UglifyJs
TypeError: Cannot set property 'fixed' of undefined
at TreeWalker.eval [as visit] (eval at (/home/ruphine/FineractCN/integration-tests/fineract-cn-fims-web-app/node_modules/webpack/node_modules/uglify-js/tools/node.js:27:1), :5584:25)
at TreeWalker._visit (eval at (/home/ruphine/FineractCN/integration-tests/fineract-cn-fims-web-app/node_modules/webpack/node_modules/uglify-js/tools/node.js:27:1), :1339:24)
at AST_This._walk (eval at (/home/ruphine/FineractCN/integration-tests/fineract-cn-fims-web-app/node_modules/webpack/node_modules/uglify-js/tools/node.js:27:1), :480:24)
at AST_Dot.eval (eval at (/home/ruphine/FineractCN/integration-tests/fineract-cn-fims-web-app/node_modules/webpack/node_modules/uglify-js/tools/node.js:27:1), :1061:29)
at TreeWalker._visit (eval at (/home/ruphine/FineractCN/integration-tests/fineract-cn-fims-web-app/node_modules/webpack/node_modules/uglify-js/tools/node.js:27:1), :1343:21)
at AST_Dot._walk (eval at (/home/ruphine/FineractCN/integration-tests/fineract-cn-fims-web-app/node_modules/webpack/node_modules/uglify-js/tools/node.js:27:1), :1060:24)
at AST_Dot.walk (eval at (/home/ruphine/FineractCN/integration-tests/fineract-cn-fims-web-app/node_modules/webpack/node_modules/uglify-js/tools/node.js:27:1), :483:21)
at TreeWalker.eval [as visit] (eval at (/home/ruphine/FineractCN/integration-tests/fineract-cn-fims-web-app/node_modules/webpack/node_modules/uglify-js/tools/node.js:27:1), :5722:31)
at TreeWalker._visit (eval at (/home/ruphine/FineractCN/integration-tests/fineract-cn-fims-web-app/node_modules/webpack/node_modules/uglify-js/tools/node.js:27:1), :1339:24)
at AST_ForIn._walk (eval at (/home/ruphine/FineractCN/integration-tests/fineract-cn-fims-web-app/node_modules/webpack/node_modules/uglify-js/tools/node.js:27:1), :653:24)
at walk_body (eval at (/home/ruphine/FineractCN/integration-tests/fineract-cn-fims-web-app/node_modules/webpack/node_modules/uglify-js/tools/node.js:27:1), :530:17)
at AST_Function.eval (eval at (/home/ruphine/FineractCN/integration-tests/fineract-cn-fims-web-app/node_modules/webpack/node_modules/uglify-js/tools/node.js:27:1), :771:13)
at eval (eval at (/home/ruphine/FineractCN/integration-tests/fineract-cn-fims-web-app/node_modules/webpack/node_modules/uglify-js/tools/node.js:27:1), :1340:21)
at TreeWalker.eval [as visit] (eval at (/home/ruphine/FineractCN/integration-tests/fineract-cn-fims-web-app/node_modules/webpack/node_modules/uglify-js/tools/node.js:27:1), :5665:21)
at TreeWalker._visit (eval at (/home/ruphine/FineractCN/integration-tests/fineract-cn-fims-web-app/node_modules/webpack/node_modules/uglify-js/tools/node.js:27:1), :1339:24)
at AST_Function._walk (eval at (/home/ruphine/FineractCN/integration-tests/fineract-cn-fims-web-app/node_modules/webpack/node_modules/uglify-js/tools/node.js:27:1), :765:24)

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.

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

Navigation Menu

Repository navigation

Cannot investigate ng build --prod UglifyJs failure #5741

Bug Report or Feature Request (mark with an `x`)

Versions.

Repro steps.

The log given by the failure.

Desired functionality.

Mention any other details that might be useful.

21 remaining items

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Cannot investigate ng build --prod UglifyJs failure #5741

Description

Bug Report or Feature Request (mark with an x)

Versions.

Repro steps.

The log given by the failure.

Desired functionality.

Mention any other details that might be useful.

Activity

calbot commented on Mar 30, 2017

sethdn commented on Apr 1, 2017

filipesilva commented on May 3, 2017

steveschmitt commented on May 5, 2017

TeaTimeForever commented on May 16, 2017

filipesilva commented on May 16, 2017

yaahor commented on May 24, 2017

calbot commented on May 24, 2017

21 remaining items

youssefgh commented on Oct 27, 2017

FrancescoBorzi commented on Nov 13, 2017

youssefgh commented on Nov 13, 2017

FrancescoBorzi commented on Nov 14, 2017

youssefgh commented on Nov 14, 2017

FrancescoBorzi commented on Nov 14, 2017

youssefgh commented on Nov 14, 2017

FrancescoBorzi commented on Nov 14, 2017

iamonuwa commented on Dec 3, 2017

BBlackwo commented on Aug 30, 2018

kengneruphine commented on Oct 1, 2018

hpardess commented on Dec 5, 2018

angular-automatic-lock-bot commented on Sep 9, 2019

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions

Bug Report or Feature Request (mark with an `x`)