angular4中添加service的DI注入后,编译后在tomcat下运行,一直提示
(SystemJS) Can't resolve all parameters for TestComponent: (?). SyntaxError@http://localhost:8080/web/node_modules/@angular/compiler/bundles/compiler.umd.js:1513:34 [<root>] Compile@R_502_338@dataResolver.prototype._getDependencies@R_502_338@data@http://localhost:8080/web/node_modules/@angular/compiler/bundles/compiler.umd.js:14790:35 [<root>] Compile@R_502_338@dataResolver.prototype._getType@R_502_338@data@http://localhost:8080/web/node_modules/@angular/compiler/bundles/compiler.umd.js:14658:21 [<root>] Compile@R_502_338@dataResolver.prototype.getNonNormalizedDirective@R_502_338@data@http://localhost:8080/web/node_modules/@angular/compiler/bundles/compiler.umd.js:14267:19 [<root>] Compile@R_502_338@dataResolver.prototype._getEntryComponent@R_502_338@data@http://localhost:8080/web/node_modules/@angular/compiler/bundles/compiler.umd.js:14911:40 [<root>] Compile@R_502_338@dataResolver.prototype.getNgModule@R_502_338@data/<@http://localhost:8080/web/node_modules/@angular/compiler/bundles/compiler.umd.js:14494:102 [<root>] Compile@R_502_338@dataResolver.prototype.getNgModule@R_502_338@data@http://localhost:8080/web/node_modules/@angular/compiler/bundles/compiler.umd.js:14494:53 [<root>] JitCompiler.prototype._loadModules@http://localhost:8080/web/node_modules/@angular/compiler/bundles/compiler.umd.js:25571:41 [<root>] JitCompiler.prototype._compileModuleAndComponents@http://localhost:8080/web/node_modules/@angular/compiler/bundles/compiler.umd.js:25530:47 [<root>] JitCompiler.prototype.compileModuleAsync@http://localhost:8080/web/node_modules/@angular/compiler/bundles/compiler.umd.js:25492:16 [<root>] PlatformRef_.prototype._bootstrapModuleWithZone@http://localhost:8080/web/node_modules/@angular/core/bundles/core.umd.js:4793:16 [<root>] PlatformRef_.prototype.bootstrapModule@http://localhost:8080/web/node_modules/@angular/core/bundles/core.umd.js:4779:16 [<root>] @http://localhost:8080/web/main.js:4:1 [<root>] @http://localhost:8080/web/main.js:1:31 [<root>] @http://localhost:8080/web/main.js:1:2 [<root>] scheduleResolveOrReject/<@http://localhost:8080/web/node_modules/zone.js/dist/zone.js:758:52 [<root>] drainMicroTaskQueue@http://localhost:8080/web/node_modules/zone.js/dist/zone.js:591:25 [<root>] ZoneTask/this.invoke@http://localhost:8080/web/node_modules/zone.js/dist/zone.js:464:25 [<root>] Evaluating http://localhost:8080/web/main.js Error loading http://localhost:8080/web/main.js index
但在源码环境下运行正常,于是奇怪了。后来想到编译打包使用的grunt-ts,而编译是angular4提供的样例工程自动编译的,这2者会不会有差异。用对比工具对比后发现,还真有差异。
//danielinbiti
首先少了
var __@R_502_338@data = (this && this.__@R_502_338@data) || function (k,v) { if (typeof Reflect === "object" && typeof Reflect.@R_502_338@data === "function") return Reflect.@R_502_338@data(k,v); };又少了
__@R_502_338@data("design:paramtypes",[TestService_1.TestService])于是就出现了参数无法识别的错误。
看来编译方式还得再调整
在grunt-ts可以增加编译项:
emitDecorator@R_502_338@data:true danielinbiti原文链接:https://www.f2er.com/angularjs/147327.html