Angular 14 的 ngx-pinch-zoom

Question

有什么方法可以为 Angular 14 安装 ngx-pinch-zoom 吗？

当然存在对等依赖冲突，并且使用 --legacy-peer-deps 安装 pinch-zoom 在项目中有效，但由于该冲突而在 ci/cd 管道上失败。

我尝试安装 ngx-pinch-zoom 和 ngx-pinch-zoom-13，但在我看来，Angular 14 没有 ngx-pinch-zoom 版本。或者我错过了什么？

npm ERR! Found: @angular/common@14.1.3
npm ERR! node_modules/@angular/common
npm ERR!   @angular/common@"^14.1.0" from the root project
npm ERR!   peer @angular/common@"^14.0.0 || ^15.0.0" from @angular/cdk@14.1.2
npm ERR!   node_modules/@angular/cdk
npm ERR!     @angular/cdk@"^14.1.2" from the root project
npm ERR!     peer @angular/cdk@"14.1.2" from @angular/material@14.1.2
npm ERR!     node_modules/@angular/material
npm ERR!       @angular/material@"^14.1.1" from the root project
npm ERR!   7 more (@angular/forms, @angular/material, ...)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/common@"~13.2.1" from ngx-pinch-zoom-13@2.5.6
npm ERR! node_modules/ngx-pinch-zoom-13
npm ERR!   ngx-pinch-zoom-13@"^2.5.6" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: @angular/common@13.2.7
npm ERR! node_modules/@angular/common
npm ERR!   peer @angular/common@"~13.2.1" from ngx-pinch-zoom-13@2.5.6
npm ERR!   node_modules/ngx-pinch-zoom-13
npm ERR!     ngx-pinch-zoom-13@"^2.5.6" from the root project```

Answer 1

我猜你有两个选择：

• 编辑您的 ci/cd 管道并添加--legacy-peer-deps
• fork ngx-pinch-zoom，为 angular 14 做好准备并使用您的版本（并提出拉取请求）