drag-drop not found in @angular/cdk

5
votes

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 enter image description here

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

2
angulardrag-and-dropangular-materialangular-cdkangular-dragdrop
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
hi @R.Richards thank you very much for the response but I am still facing the same problem after trying your solution – jasmin raval

2 Answers

4
votes

@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

1
votes

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