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
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": {}
}
}