ctorParameters.map不是angular2 mdl中的函数

我正在尝试将angular2 mdl与angular cli结合使用。我在app.module.ts中导入了

MdlModule

当我尝试使用

时，它会出错：

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

我也遇到了同样的问题（另一个插件），通过将angular升级到最新版本（2.4.1）解决了这个问题

编辑：Full packages.json

同时检查您的打字脚本版本。由于编译时不断出现问题，我不得不停止使用Angular cli。我切换到webpack

{
  "name": "web-app",
  "version": "1.0.0",
  "scripts": {
    ....
  },
  "license": "UNLICENSED",
  "dependencies": {
    "@angular/common": "~2.4.1",
    "@angular/compiler": "~2.4.1",
    "@angular/compiler-cli": "^2.4.1",
    "@angular/core": "~2.4.1",
    "@angular/forms": "~2.4.1",
    "@angular/http": "~2.4.1",
    "@angular/platform-browser": "~2.4.1",
    "@angular/platform-browser-dynamic": "~2.4.1",
    "@angular/platform-server": "^2.4.1",
    "@angular/router": "~3.4.1",
    "codelyzer": "^1.0.0-beta.3",
    "concurrently": "^3.1.0",
    "core-js": "^2.4.1",
    "reflect-metadata": "^0.1.8",
    "rxjs": "5.0.1",
    "tslint": "^4.2.0",
    "typescript": "^2.1.4",
    "typings": "^2.1.0",
    "zone.js": "^0.7.4",
    ...
  },
  "devDependencies": {
    "@angular/compiler-cli": "^2.4.1",
    "@ngtools/webpack": "^1.2.1",
    "extract-text-webpack-plugin": "^1.0.1",
    "ts-loader": "^1.3.3"
  }
}

---

看起来这个问题需要澄清：

为什么会看到此错误消息？

如果angular2的组件库希望与AOT兼容，则需要使用ngc（@angular/compiler cli）进行编译。这将为每个组件生成*.metadata.json文件。这还会为每个组件生成js文件，其中包含有关构造函数参数的信息。如果使用@angular/compiler cli<2.3.0的版本编译包，这将是（例如）：

如果使用较新版本编译包，则：

MdlBadgeDirective.ctorParameters = function () { return [
        { type: ElementRef, },
        { type: Renderer, },
]; };

正如您所看到的，较新版本是一个函数，不再是一个数组。那么错误是什么呢

ctorParameters.map不是一个函数

有道理。因为map是数组的成员，而不是函数的成员

如何解决这个问题？：

您可以将angular版本（或尝试编译angular2代码的包）更新为新的编译器输出格式。例如，至少@angular/*@2.3.1。（如果使用angular cli，则应将项目升级到angular-cli@1.0.0-测试版（24）

您可以将正在使用的包锁定到与旧编译器输出格式匹配的版本。对于angular2 mdl，这是版本2.7.0。您可以在此处找到此信息：

---

是否可以使用使用旧的angular compiler cli和新的angular compiler cli版本编译的包？（例如，您处于angular 2.4.1并希望使用angular2-mdl@2.7.0)对!！这个方向是向后兼容的。请参见

通过查看

ng build

中的错误报告，我能够找出此问题的原因：

npm WARN @angular/platform-server@2.4.4 requires a peer of @angular/core@2.4.4 but none was installed.

这帮助我意识到我的一个包应该是v2.4.4，但我使用的是v2.0.1。我更新了my package.json，将两个包都设置为我的核心版本，如下所示：

"dependencies": {
    "@angular/core": "2.0.1",
    "@angular/platform-server": "2.0.1",
}

---

您的问题可能不是@angular/platform server，但我希望这有助于调试它

我也有同样的问题。这是因为我使用了

“ng2引导”：“^1.3.1”，

“@angular/common”：“2.0.1”

“@angular/compiler”：“2.0.1”

“@angular/core”：“2.0.1”

“@angular/platform浏览器”：“2.0.1”

然后我将角度相关性更新为

“@angular/common”：“2.2.3”

“@angular/compiler”：“2.2.3”

“@angular/core”：“2.2.3”

“@角度/平台浏览器”：“2.2.3”

---

它工作正常。

升级到angular 2.4.6后，工作正常

---

我试图重建一个相对“古老”的Angular2应用程序（使用版本2.0.0）和ng引导。在成功构建项目后（即，没有错误），我在主页上看到这个错误

在尝试了除扼杀自己之外的一切之后，我卸载了所有npm模块，并尝试进行

npm安装

，注意到ng bootsrap安装了一个与Angulare 2.0.0不兼容的版本（ng bootstrap的package.json设置被设置为

~1.1.3

）。安装了最新的

1.1.7

，它需要角度

2.4.x

尝试升级到

2.4.x

是一项巨大的努力，因此我将ng引导设置为1.1.4

---

TL；DR:am使用angular 2.0.0和ng引导。不想升级到2.4.x，所以我将ng引导版本硬编码为1.1.4，问题就消失了。

你是说angular 2.4.1吗？@MingyuJeon是的，angular 2.4.1。如果您的问题仍然存在，我将在明天复制整个packages.json。谢谢！我会等的，它能用！非常感谢你！我想原因是：）@MingyuJeon很高兴它成功了！你能把这篇文章标为答案吗？谢谢你的详细解释！我通过版本更新解决了这个问题，但多亏了您的善意解释，我才明白为什么会发生这种情况。：）我发现这个问题可能是由任何数量的软件包期望与实际安装的不同而引起的。对我来说，运行

ng build

显示了特定的问题：

npm WARN@angular/platform-server@2.4.4需要@angular的对等方/core@2.4.4但是没有安装。

通过在我的包中将两个包都设置为2.0.1。json修复了它：

“依赖项”：{“@angular/core”：“2.0.1”，“@angular/platform server”：“2.0.1”，}

"dependencies": {
    "@angular/core": "2.0.1",
    "@angular/platform-server": "2.0.1",
}

 "dependencies": {
    "@angular/common": "2.4.6",
    "@angular/compiler": "2.4.6",
    "@angular/compiler-cli":"2.4.6",
    "@angular/core": "^2.4.6",
    "@angular/forms": "2.4.6",
    "@angular/http": "2.4.6",
    "@angular/platform-browser":"2.4.6",
    "@angular/platform-browser-dynamic":"2.4.6",
    "@angular/platform-server":"2.4.6",
    "@ionic/storage": "1.1.6",
    "@types/jasmine": "2.5.37",
    "@types/moment-timezone": "^0.2.34",
    "@types/request": "0.0.33",
    "angular-qrcode": "^6.2.1",
    "angular2-fullcalendar": "^1.1.1",
    "angular2-qrcode": "^2.0.0",
    "angularfire2": "2.0.0-beta.6",
    "ionic-angular": "^2.0.0-201702062042",
    "ionic-native": "2.2.3",
    "ionicons": "3.0.0",
    "moment": "^2.17.0",
    "ng2-signalr": "^2.0.3",
    "rxjs": "5.1.0",
    "zone.js": "0.7.6"
  },