如何清除NPM安装Angular项目依赖包时出现的对等依赖警告

问题根因 #

你项目使用的是Angular 7.x版本，安装的4个第三方依赖包版本与Angular 7的生态不兼容，因此触发peer依赖警告。

方案1：降级第三方依赖（改动最小，无需调整Angular核心版本） #

逐个替换依赖为兼容Angular 7的版本即可：

• 替换@auth0/angular-jwt：当前5.x版本要求Angular >=9，执行npm install @auth0/angular-jwt@2.1.0安装兼容Angular 7的最高版本
• 替换angular2-notifications：当前9.x版本要求Angular >=9，执行npm install angular2-notifications@1.0.2安装兼容Angular 7的版本
• 替换ngx-mat-select-search：当前3.3.0版本要求Angular Material >=8，执行npm install ngx-mat-select-search@1.8.0安装兼容Angular 7的最高版本
• 替换ng-file-drop：当前5.x版本要求Angular 5和rxjs 5.x，执行npm install ngx-file-drop@8.0.0，该版本兼容Angular 7和rxjs 6.x
• 升级rxjs到6.5.x兼容版本：执行npm install rxjs@6.5.5，该版本适配Angular 7，可满足所有低版本依赖的版本要求

所有依赖替换完成后，删除项目根目录下的node_modules文件夹和package-lock.json文件，重新执行npm install即可完全清除所有警告。

方案2：升级Angular核心版本（适合需要使用新特性的场景） #

按照Angular官方升级步骤，将项目从7.x逐步升级到12.x及以上版本，升级完成后将所有第三方依赖同步更新到对应匹配的版本，也可清除所有警告，该方案改动量较大，需要同步调整业务代码中不再兼容的API。

注意：降级依赖后如果出现功能异常，可对照对应版本的官方文档调整API调用逻辑，无需修改核心业务代码。

内容的提问来源于stack exchange，提问作者subhra_user