在 Angular4 中使用 Angular2 组件答案

【问题标题】：Use Angular2 component in Angular4在 Angular4 中使用 Angular2 组件
【发布时间】：2017-11-13 17:56:24
【问题描述】：

有没有机会在 angular4 中使用 angular2 组件？就我而言，我想使用库来生成图表： https://devarchy.com/angular/ng2-nvd3，但不幸的是，它对我的应用程序的依赖关系太低了。 angular2 组件不与 angular4 兼容吗？

NPM 尝试安装 pck

QLOOK2@0.0.0 D:\QLook2\App\trunk\QLook2.Client
+-- UNMET PEER DEPENDENCY @angular/common@4.2.4
+-- UNMET PEER DEPENDENCY @angular/core@4.2.4
+-- UNMET PEER DEPENDENCY @ngrx/store@2.2.2
`-- ng2-nvd3@2.0.0-rc3
  +-- d3@3.5.17
  +-- nvd3@1.8.5
  `-- rxjs@5.2.0

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN @ngrx/devtools@1.4.0 requires a peer of @angular/core@^2.0.0-rc.0 but none was installed.
npm WARN @ngrx/devtools@1.4.0 requires a peer of @ngrx/store@^1.5.0 but none was installed.
npm WARN angular2-google-maps@0.17.0 requires a peer of @angular/common@^2.3.1 but none was installed.
npm WARN angular2-google-maps@0.17.0 requires a peer of @angular/core@^2.3.1 but none was installed.
npm WARN ng2-select2@1.0.0-beta.10 requires a peer of @angular/core@^2.2.0 but none was installed.

附言。我无法降级应用的库 PS2。我需要这个库，因为我的应用程序中需要多个 Y 轴。

【问题讨论】：

通常情况下，您可以在 Angular 4 中使用大部分 Angular 2 组件 :)
安装它，您将看到新库的类似警告错误。但它会起作用，只是该库所需的版本与您安装的版本不匹配。如果它不起作用，请安装其依赖项的两个版本

标签： angular charts npm

【解决方案1】：

我找到的唯一解决方案（不是长期的）：

转到 node_modules\webpack-dev-server\lib 并打开 Server.js。

Server.prototype.checkHost = function(headers) {
    ...

    // disallow
    return false;
}

将“return false”更改为“return true”。保存并再次运行您的项目。

【讨论】：

【解决方案2】：

Angular 2 中构建的组件可以在 Angular 4 中使用，但在 Angular 2 版本中使用的模块仅与该版本兼容。因此，您必须安装与 Angular 4 版本兼容的模块来回答您的查询。

【讨论】：