reppners / ngx-drag-drop

Angular directives using the native HTML Drag And Drop API
https://reppners.github.io/ngx-drag-drop/
BSD 3-Clause "New" or "Revised" License
299 stars 117 forks source link

not work in angular 15 #169

Open DanielDias2019 opened 1 month ago

DanielDias2019 commented 1 month ago

Hello, After installing in Angular 15, this error occurs: Error: node_modules/ngx-drag-drop/lib/dnd-draggable.directive.d.ts:48:92 - error TS2344: Type '{ dndDraggable: { alias: "dndDraggable"; required: false; }; dndEffectAllowed: { alias: "dndEffectAllowed"; required: false; }; dndType: { alias: "dndType"; required: false; }; dndDraggingClass: { ...; }; ... 4 more ...; dndDisableDragIf: { ...; }; }' does not satisfy the constraint '{ [key: string]: string; }'. Property '"dndDraggable"' is incompatible with index signature. Type '{ alias: "dndDraggable"; required: false; }' is not assignable to type 'string'.

48 static ɵdir: i0.ɵɵDirectiveDeclaration<DndDraggableDirective, "[dndDraggable]", never, { "dndDraggable": { "alias": "dndDraggable"; "required": false; }; "dndEffectAllowed": { "alias": "dndEffectAllowed"; "required": false; }; "dndType": { "alias": "dndType"; "required": false; }; "dndDraggingClass": { "alias": "dndDraggingClass"; "required": false; }; "dndDraggingSourceClass": { "alias": "dndDraggingSourceClass"; "required": false; }; "dndDraggableDisabledClass": { "alias": "dndDraggableDisabledClass"; "required": false; }; "dndDragImageOffsetFunction": { "alias": "dndDragImageOffsetFunction"; "required": false; }; "dndDisableIf": { "alias": "dndDisableIf"; "required": false; }; "dndDisableDragIf": { "alias": "dndDisableDragIf"; "required": false; }; }, { "dndStart": "dndStart"; "dndDrag": "dndDrag"; "dndEnd": "dndEnd"; "dndMoved": "dndMoved"; "dndCopied": "dndCopied"; "dndLinked": "dndLinked"; "dndCanceled": "dndCanceled"; }, never, never, true, never>;

DanielDias2019 commented 1 month ago

Hello, After installing in Angular 15, this error occurs: Error: node_modules/ngx-drag-drop/lib/dnd-dropzone.directive.d.ts:54:90 - error TS2344: Type '{ dndDropzone: { alias: "dndDropzone"; required: false; }; dndEffectAllowed: { alias: "dndEffectAllowed"; required: false; }; dndAllowExternal: { alias: "dndAllowExternal"; required: false; }; ... 4 more ...; dndDisableDropIf: { ...; }; }' does not satisfy the constraint '{ [key: string]: string; }'. Property '"dndDropzone"' is incompatible with index signature. Type '{ alias: "dndDropzone"; required: false; }' is not assignable to type 'string'.

54 static ɵdir: i0.ɵɵDirectiveDeclaration<DndDropzoneDirective, "[dndDropzone]", never, { "dndDropzone": { "alias": "dndDropzone"; "required": false; }; "dndEffectAllowed": { "alias": "dndEffectAllowed"; "required": false; }; "dndAllowExternal": { "alias": "dndAllowExternal"; "required": false; }; "dndHorizontal": { "alias": "dndHorizontal"; "required": false; }; "dndDragoverClass": { "alias": "dndDragoverClass"; "required": false; }; "dndDropzoneDisabledClass": { "alias": "dndDropzoneDisabledClass"; "required": false; }; "dndDisableIf": { "alias": "dndDisableIf"; "required": false; }; "dndDisableDropIf": { "alias": "dndDisableDropIf"; "required": false; }; }, { "dndDragover": "dndDragover"; "dndDrop": "dndDrop"; }, ["dndPlaceholderRef"], never, true, never>;

guoliang commented 3 days ago

did you install the right version of NgxDragDrop?