_this.host.getOutputName 中的 Angular 5 错误不是函数答案

【问题标题】：Angular 5 ERROR in _this.host.getOutputName is not a function_this.host.getOutputName 中的 Angular 5 错误不是函数
【发布时间】：2018-02-01 09:17:15
【问题描述】：

我真的不知道为什么，但是当我从 Angular 4 => 5 升级时，ng serve 似乎无法正常工作并抛出错误：

_this.host.getOutputName 中的错误不是函数

webpack：编译失败。

这是我的包裹的样子：

{
  "name": "website",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^5.0.0",
    "@angular/common": "^5.0.0",
    "@angular/compiler": "^5.0.0",
    "@angular/core": "^5.0.0",
    "@angular/forms": "^5.0.0",
    "@angular/http": "^5.0.0",
    "@angular/platform-browser": "^5.0.0",
    "@angular/platform-browser-dynamic": "^5.0.0",
    "@angular/router": "^5.0.0",
    "@ng-bootstrap/ng-bootstrap": "^1.0.0",
    "core-js": "^2.4.1",
    "jquery": "^3.2.1",
    "ngx-textarea-autosize": "^1.1.1",
    "rxjs": "^5.1.0",
    "zone.js": "^0.8.4"
  },
  "devDependencies": {
    "@angular/cli": "1.2.0",
    "@angular/compiler-cli": "^4.0.0",
    "@angular/language-service": "^4.0.0",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "~2.0.2",
    "@types/jquery": "^3.2.16",
    "@types/node": "~6.0.60",
    "codelyzer": "~3.0.1",
    "jasmine-core": "~2.6.2",
    "jasmine-spec-reporter": "~4.1.0",
    "karma": "~1.7.0",
    "karma-chrome-launcher": "~2.1.1",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~3.0.4",
    "tslint": "~5.3.2",
    "typescript": "~2.3.3"
  }
}

【问题讨论】：

标签： javascript angular angular-cli

【解决方案1】：

已知问题https://github.com/angular/angular/issues/21621

考虑安装相同版本的角度依赖：

"@angular/common": "^5.0.0",
"@angular/compiler": "^5.0.0",

但是在你的 devDependencies 中我看到了

"@angular/compiler-cli": "^4.0.0",
"@angular/language-service": "^4.0.0",

【讨论】：

在将其更改为 ^5.0.0 并运行 npm install 后，现在我有一个错误提示 Version of @angular/compiler-cli needs to be 2.3.1 or greater. Current version is "5.2.3". 。我也尝试将其更改为^5.2.3，但没有运气
删除 node_modules 和 packages.lock 文件并重新安装。您还可以从默认的 @angular/cli 项目中获取所有版本

【解决方案2】：

尝试设置

"@angular/compiler-cli": "^5.0.0"

在你的 devDependencies 中

【讨论】：