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

Question

我计划将现有项目从 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"

Answer 1

你应该在github上一一检查所有这些包，打开package.json为每个文件创建文件并检查 peer-dependencies他们每个人的属性(property)。
例如，angular2-modal package.json 看起来像这样:

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

这意味着它不适用于任何版本的 angular > 2。
顺便说一句，你很幸运，因为 npm和 yarn会为你做肮脏的工作。您可以只更新您的 angular 版本，如果不满足某些对等依赖项，则包管理器会向您发出警告。

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

UNMET PEER DEPENDENCY angular-aria@^1.5.0 +-- angular-material@1.0.6 +

UNMET PEER DEPENDENCY angular-messages@^1.5.0 `-- mdi@1.4.57`

你可以一个包地修复它们