drag-drop not found in @angular/cdk

Question

i am trying to add the drag-drop feature in my Angular 6 application where i am trying to use angular material this is the overview link which i want to use. I followed the getting started instruction's but i am not able to use the "@angular/cdk/drag-drop" i tried installing the bellow package

npm install --save @angular/material @angular/cdk @angular/animations

and

npm install --save @angular/cdk

but the bellow folder is still missing

import {DragDropModule} from '@angular/cdk/drag-drop';

the drag-drop is not available in my project even after following the steps. can anyone help me with that

It looks like all you need to do is close and reopen your IDE. If you're using VS Code, press the F1 key, then choose Developer: Reload Window from the dropdown. — R. Richards
– R. Richards, Commented Mar 23, 2019 at 10:35
hi @R.Richards thank you very much for the response but I am still facing the same problem after trying your solution — Jasmin Raval
– Jasmin Raval, Commented Mar 23, 2019 at 10:40

Andrei · Accepted Answer · 2019-03-23 11:15:53Z

6

@angular/cdk/drag-drop exists only from version 7.0.0 of @angular/cdk. It seems you have to update angular and cdk to use drag-drop

answered Mar 23, 2019 at 11:15

Andrei

12.8k1 gold badge16 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Jasmin Raval Over a year ago

thank you @Andrei for your solution but is there any other solution where I do not requires to update the Angular project

Andrei Over a year ago

If you want the exact @angular/cdk/drag-drop library then no, you have to upgrage. If no then you can use some other drag-and-drop library. the most popular for angular is ng2-dragula

Nata Sukhanova · Accepted Answer · 2019-11-13 22:04:53Z

2

I had the same error. Try: ng add @angular/material

answered Nov 13, 2019 at 22:04

Nata Sukhanova

211 bronze badge

Comments

Jignesh Dalvadi · Accepted Answer · 2023-06-13 10:37:24Z

0

Try this npm install @angular/cdk

answered Jun 13, 2023 at 10:37

Jignesh Dalvadi

1754 bronze badges

1 Comment

Whit Waldo Over a year ago

While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes. - From Review

Collectives™ on Stack Overflow

drag-drop not found in @angular/cdk

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related