Angular 11 中 ngx-draggable-widget 的替代方案

如何解决Angular 11 中 ngx-draggable-widget 的替代方案

我正在创建 angular 项目并使用 ngx-draggable-widget 版本 1.0.7

我的 package.json 文件：

"dependencies": {
    "3d-force-graph": "^1.56.5","@angular/animations": "~11.2.14","@angular/cdk": "^11.2.13","@angular/common": "~11.2.14","@angular/compiler": "~11.2.14","@angular/core": "^11.2.14","@angular/forms": "~11.2.14","@angular/language-service": "^12.1.4","@angular/platform-browser": "~11.2.14","@angular/platform-browser-dynamic": "~11.2.14","@angular/router": "~11.2.14","@ckeditor/ckeditor5-angular": "^2.0.2","@ckeditor/ckeditor5-build-classic": "^29.0.0","@gustafguner/angular-tooltip": "^1.0.0","@ng-bootstrap/ng-bootstrap": "^10.0.0","circular-json": "^0.5.9","core-js": "^3.16.0","event-stream": "^4.0.1","gojs": "^2.1.46","gulp": "^4.0.2","gulp-cli": "^2.3.0","gulp-replace": "^1.1.3","gulp-spsave": "^4.0.0","gulp-util": "^3.0.8","husky": "^7.0.1","lint-staged": "^11.1.1","microsoft-adal-angular6": "^1.3.0","ngx-color": "^7.2.0","ngx-color-picker": "^11.0.0","ngx-contextmenu": "^5.4.0","ngx-draggable-widget": "^1.0.7","ngx-image-zoom": "^0.6.0","ngx-order-pipe": "^2.1.1","ngx-toggle-switch": "^2.0.5","ngx-ui-loader": "^11.0.0","prettier": "^2.3.2","rxjs": "^5.5.12","sp-pnp-js": "^3.0.10","tslib": "^2.0.0","uuidv4": "^6.2.11","zone.js": "^0.11.4"
  },"devDependencies": {
    "@angular-devkit/build-angular": "~0.1102.13","@angular/cli": "~11.2.14","@angular/compiler-cli": "~11.2.14","@types/jasmine": "~3.6.0","@types/node": "^12.11.1","codelyzer": "^6.0.2","jasmine-core": "~3.6.0","jasmine-spec-reporter": "~5.0.0","karma": "~6.1.0","karma-chrome-launcher": "~3.1.0","karma-coverage": "~2.0.3","karma-jasmine": "~4.0.0","karma-jasmine-html-reporter": "~1.5.0","protractor": "~7.0.0","ts-node": "^8.3.0","tslint": "^6.1.3","typescript": "^4.1.6"
  }

当我点击

ng serve

它会给我错误

Error: node_modules/ngx-draggable-widget/components/NgWidgetPlaceholder.d.ts:3:22 - error TS2724: '"../../@angular/core/core"' has no exported member named 'Renderer'. Did you mean 'Renderer2'?

3 import { ElementRef,Renderer,OnInit } from '@angular/core';
                       ~~~~~~~~

  node_modules/@angular/core/core.d.ts:6082:31
    6082 export declare abstract class Renderer2 {
                                       ~~~~~~~~~
    'Renderer2' is declared here.


Error: node_modules/ngx-draggable-widget/directives/NgWidget.d.ts:3:22 - error TS2724: '"../../@angular/core/core"' has no exported member named 'Renderer'. Did you mean 'Renderer2'?

rendrer 已弃用，建议使用 Rendrer2，但如何在 Node 模块中进行更改。

我使用以下 npm

https://www.npmjs.com/package/ngx-draggable-widget

是 ngx-draggable-widget 的 angular 11 的任何替代品

提前致谢。希望尽快得到答复。