如何在安装或升级之前知道 npm 包与 Angular 版本的兼容性？

【问题标题】：How to know npm package compatibility with Angular version prior install or upgrade?如何在安装或升级之前知道 npm 包与 Angular 版本的兼容性？
【发布时间】：2019-09-24 23:25:40
【问题描述】：

我计划将现有项目从 Angular 4 升级到 Angular 7。我在项目中使用了 8-12 个包（除了 angular lib）。我如何提前知道包是否与 Angular 7 兼容？以下是我在 Angular 4 中使用的包。

"@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.5",
"angular-4-data-table-bootstrap-4": "^0.2.0",
"angular2-multiselect-dropdown": "^2.4.0",
"classlist.js": "^1.1.20150312",
"core-js": "^2.4.1",
"file-saver": "^1.3.3",
"geolib": "^2.0.24",
"intl": "^1.2.5",
"mydatepicker": "^2.6.3",
"ng-pick-datetime": "^5.0.0-beta.10",
"ng2-filter-pipe": "^0.1.10",
"ngx-chips": "^1.6.5",
"ngx-inactivity": "^1.0.1",
"ngx-loading": "^1.0.8",
"ngx-order-pipe": "^1.1.0",
"ngx-pagination": "^3.0.1",
"rxjs": "^5.4.2",
"web-animations-js": "^2.3.1",
"xlsx": "^0.11.14",
"xlsx-style": "^0.8.13",
"zone.js": "^0.8.14"

【问题讨论】：

标签： angular npm package.json

【解决方案1】：

您应该在 github 上一一检查所有这些包，打开每个包的 package.json 文件并检查每个包的 peer-dependencies 属性。

例如，angular2-modal package.json 看起来像这样：

 ....
 "peerDependencies": {
    "@angular/core": "^2.1.1",
    "@angular/common": "^2.1.1"
 },
 ....

这意味着它不适用于任何版本的 angular > 2。

顺便说一句，你很幸运，因为npm 和yarn 会为你干脏活。你可以只更新你的角度版本，如果某些对等依赖没有得到满足，那么包管理器会警告你。

UNMET PEER DEPENDENCY angular-animate@^1.5.0 +--

未满足的对等依赖 angular-aria@^1.5.0 +-- angular-material@1.0.6 +

未满足的对等依赖 angular-messages@^1.5.0 `-- mdi@1.4.57`

你可以一个包一个包地修复它们

【讨论】：