Angular 4，意外的令牌：在ng构建期间的名称（主题） - 产品

问题描述：

我有一个Angular 4应用程序。Angular 4，意外的令牌：在ng构建期间的名称（主题） - 产品

我可以成功地建立与ng build

的项目，但是，当我运行ng build --prod以下错误被抛出。

在vendor.4008cf7dff2b98412878.bundle.js ERROR从UglifyJs 意外标记：名称（主题） [vendor.4008cf7dff2b98412878.bundle.js：19471,6]

当我做了一些研究，我看到uglifyjs不能与es6一起工作，而我在tsconfig文件中将目标更改为es5。

但我不断收到此错误。

我不明白什么是错的。

这里是角CLI版本

这里是我的tsconfig.json文件

{ 
    "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/*" 
     ] 
    } 
    } 
}

这里是我的角cli.json文件

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

答

我解决了这个问题。

我用这个“aspnet/signalr-client”包。我unistalled包从我的应用程序和问题已解决。

现在，我可以用ng build --prod命令成功地构建项目。

答

运行ng build --prod --sm来识别导致问题的包。

然后你需要找到一个解决方法。这就是挑战......

Angular 4，意外的令牌：在ng构建期间的名称（主题） - 产品

相关推荐