我正在尝试使用angular2 mdl和angular cli。我在app.module.ts中导入了MdlModule。
当我尝试使用<mdl-textfield type="text" label="Text..." floating-label></mdl-textfield>时，它会出错：
a ctorparameters.map不是angular2 mdl中的函数
我不知道该怎么办。
这是我的angular-cli.json。
"dependencies": {
"@angular/common": "~2.0.0",
"@angular/compiler": "~2.0.0",
"@angular/core": "~2.0.0",
"@angular/forms": "~2.0.0",
"@angular/http": "~2.0.0",
"@angular/material": "^2.0.0-alpha.9-3",
"@angular/platform-browser": "~2.0.0",
"@angular/platform-browser-dynamic": "~2.0.0",
"@angular/router": "~3.0.0",
"@types/moment-timezone": "^0.2.33",
"angular-cli": "^1.0.0-beta.17",
"angular2-jwt": "^0.1.25",
"angular2-mdl": "^2.9.0",
"bootstrap": "^3.3.7",
"bourbon": "^4.2.7",
"core-js": "^2.4.1",
"font-awesome": "^4.7.0",
"hammerjs": "^2.0.8",
"moment": "^2.17.1",
"moment-timezone": "^0.5.10",
"node-sass": "^3.13.0",
"primeng": "^1.1.0",
"rxjs": "5.0.0-beta.12",
"ts-helpers": "^1.1.1",
"zone.js": "^0.6.23"
},
"devDependencies": {
"@types/jasmine": "^2.2.30",
"@types/moment": "^2.13.0",
"@types/moment-timezone": "^0.2.33",
"@types/node": "^6.0.42",
"angular-cli": "1.0.0-beta.17",
"bootstrap-sass": "^3.3.7",
"codelyzer": "~0.0.26",
"jasmine-core": "2.4.1",
"jasmine-spec-reporter": "2.5.0",
"karma": "1.2.0",
"karma-chrome-launcher": "^2.0.0",
"karma-cli": "^1.0.1",
"karma-jasmine": "^1.0.2",
"karma-remap-istanbul": "^0.2.1",
"protractor": "4.0.9",
"ts-node": "1.2.1",
"tslint": "3.13.0",
"typescript": "2.0.2"
}
最佳答案
看来这个问题需要澄清一下：
为什么我们会看到这个错误信息？
如果angular2的组件库希望与aot兼容，则需要使用ngc（@angular/compiler cli）进行编译。这将为每个组件生成*.metadata.json文件。此外，这还会为每个组件生成js文件，其中包含有关构造函数参数的信息。如果使用@angular/compiler cli
MdlBadgeDirective.ctorParameters = [
{ type: ElementRef, },
{ type: Renderer, },
];
如果使用较新版本编译包，则：
MdlBadgeDirective.ctorParameters = function () { return [
{ type: ElementRef, },
{ type: Renderer, },
]; };
如您所见，新版本是一个函数，不再是数组。所以错误
ctorParameters.map不是函数
有道理。因为map是数组的成员，而不是函数的成员。
如何解决这个问题？：
可以将角度版本（或试图编译angular2代码的包）更新为新的编译器输出格式。例如，至少@angular/*@2.3.1。（如果您使用的是angular cli，则应将项目升级到[email protected]）
您可以将正在使用的包锁定到与旧编译器输出格式匹配的版本。对于Angular2 MDL，这是版本2.7.0。你可以在这里找到这些信息：https://github.com/mseemann/angular2-mdl#remarks。
是否可以将使用较旧的角编译器cli编译的包与较新的角编译器cli版本一起使用？（例如，您的角度为2.4.1，希望使用angular2 [email protected]）是的！这个方向是向后兼容的。参阅https://github.com/angular/angular/blob/master/modules/%40angular/core/src/reflection/reflection_capabilities.ts#L80
关于angular - ctorParameters.map不是angular2-mdl中的函数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41285889/