2017-10-12 3 views
0

J'ai une application Angular 4.Angulaire 4, Jeton inattendu: nom (Sujet) pendant ng build --prod

Je peux construire avec succès le projet avec ng build

Mais, quand je lance ng build --prod l'erreur suivante est levée.

erreur dans vendor.4008cf7dff2b98412878.bundle.js de UglifyJs jeton inattendu: nom (Sujet) [vendor.4008cf7dff2b98412878.bundle.js: 19471,6]

Quand je l'ai fait quelques recherches , J'ai vu que uglifyjs ne fonctionnait pas avec es6 et j'ai changé de cible en es5 dans mon fichier tsconfig.

Mais je continue d'obtenir cette erreur.

Je ne comprends pas ce qui ne va pas.

Voici la version angulaire cli

Angular CLI Version

Voici mon tsconfig.json fichier

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

Et voici mon fichier cli.json angulaire

{ 
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json", 
    "project": { 
    "name": "myapp" 
    }, 
    "apps": [ 
    { 
     "root": "src", 
     "outDir": "dist", 
     "assets": [ 
     "assets", 
     "favicon.ico" 
     ], 
     "index": "index.html", 
     "main": "main.ts", 
     "polyfills": "polyfills.ts", 
     "test": "test.ts", 
     "tsconfig": "tsconfig.app.json", 
     "testTsconfig": "tsconfig.spec.json", 
     "prefix": "app", 
     "styles": [ 
     "styles.css", 
     "../node_modules/sweetalert2/dist/sweetalert2.css", 
     "../node_modules/ladda/dist/ladda-themeless.min.css" 
     ], 
     "scripts": [ 
     "../node_modules/crypto-js/crypto-js.js", 
     "../src/assets/js/jquery-2.1.1.js", 
     "../src/assets/js/plugins/datatables/jquery.dataTables.min.js", 
     "../src/assets/js/plugins/datatables/dataTables.fixedColumns.min.js", 
     "../src/assets/js/bootstrap.min.js", 
     "../src/assets/js/plugins/metisMenu/jquery.metisMenu.js", 
     "../src/assets/js/plugins/mask/jquery.mask.min.js", 
     "../src/assets/js/plugins/slimscroll/jquery.slimscroll.min.js", 
     "../src/assets/js/plugins/chartJs/Chart.min.js", 
     "../src/assets/js/plugins/toastr/toastr.min.js", 
     "../src/assets/js/plugins/datepicker/bootstrap-datepicker.js", 
     "../src/assets/js/plugins/datepicker/bootstrap-datepicker.tr.js", 
     "../src/assets/js/plugins/datetimepicker/jquery.datetimepicker.full.min.js", 
     "../src/assets/js/plugins/iCheck/icheck.min.js", 
     "../src/assets/js/plugins/chosen/chosen.jquery.min.js", 
     "../src/assets/js/plugins/jsTree/jstree.min.js", 
     "../src/assets/js/plugins/nestable/jquery.nestable.js", 
     "../src/assets/js/plugins/colorpicker/bootstrap-colorpicker.min.js", 
     "../src/assets/js/jasny-bootstrap.min.js", 
     "../src/assets/js/inspinia.js", 
     "../src/assets/js/custom.js" 
     ], 
     "environmentSource": "environments/environment.ts", 
     "environments": { 
     "dev": "environments/environment.ts", 
     "prod": "environments/environment.prod.ts" 
     } 
    } 
    ], 
    "e2e": { 
    "protractor": { 
     "config": "./protractor.conf.js" 
    } 
    }, 
    "lint": [ 
    { 
     "project": "src/tsconfig.app.json", 
     "exclude": "**/node_modules/**" 
    }, 
    { 
     "project": "src/tsconfig.spec.json", 
     "exclude": "**/node_modules/**" 
    }, 
    { 
     "project": "e2e/tsconfig.e2e.json", 
     "exclude": "**/node_modules/**" 
    } 
    ], 
    "test": { 
    "karma": { 
     "config": "./karma.conf.js" 
    } 
    }, 
    "defaults": { 
    "styleExt": "css", 
    "component": {} 
    } 
} 

Répondre

0

J'ai résolu ce problème. J'ai utilisé ce paquet "aspnet/signalr-client". J'ai désalloué le paquet de mon application et le problème est résolu.

Maintenant, je peux construire avec succès le projet avec la commande ng build --prod.

2

Exécutez ng build --prod --sm pour identifier le package à l'origine du problème.

Ensuite, vous devez trouver une solution de contournement. C'est le défi ...