Cannot find module '@angular-devkit/schematics/tasks'

Question

when I try to add @angular/material to my project I get this error.
Using Angular Cli: 7.2.1, Node 11.6.0

Cannot find module '@angular-devkit/schematics/tasks'
   Error: Cannot find module '@angular-devkit/schematics/tasks'
   at Function.Module._resolveFilename (internal/modules /cjs/loader.js:603:15)
   at Function.Module._load (internal/modules/cjs/loader.js:529:25)
   at Module.require (internal/modules/cjs/loader.js:657:17)
   at require (internal/modules/cjs/helpers.js:22:18)
   at Object. (/Users/ricardobaeza/Projects/node_modules/@angular/material/schematics/ng-add/index.js:10:17)
   at Module._compile (internal/modules/cjs/loader.js:721:30)
   at Object.Module._extensions..js (internal/modules/cjs/loader.js:732:10)
   at Module.load (internal/modules/cjs/loader.js:620:32)
   at tryModuleLoad (internal/modules/cjs/loader.js:560:12)
   at Function.Module._load (internal/modules/cjs/loader.js:552:3)

Solution 1

Your @angular/material command is not install all the dependency currently that why throw error try to run @angular/material @angular/cdk @angular/animations install angular material.

For old version use:-

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

For latest version use:-

ng add @angular/material

For more information visit official site of angular material https://material.angular.io/guide/getting-started

The ng add command will install Angular Material, the Component Dev Kit (CDK), Angular Animations and ask you the following questions to determine which features to include

Edit: fixed dashes for npm install command

Solution 2

This is happening because of your node_modules does not contain the material directory.

To add Material into your node_modules run below command

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

After this, you can run below command

ng add @angular/material

Comments

[Vinni]

What does it mean? could you explain better what should we do?

[Vinni]

do you mean npm install @angular/material @angular/cdk @angular/animations?

[Abhishek]

@Vinni If you are using old version of Angular Material then yes npm install — save @angular/material @angular/cdk @angular/animations or if you are using updated version of Angular Material then run ng add @angular/material.

[Vinni]

ok but the point is that I started right now a new Angular project (9.1.4) and when I try to run ng add @angular/material I get this error: ``` Skipping installation: Package already installed An unhandled exception occurred: Cannot find module '@angular-devkit/schematics/tasks' ``` I really don't understand what should I do.

[Abhishek]

@Vinni Have you tried to remove node_module, cache clean command, inpm i and after all this run ng add @angular/material

[Vinni]

same issue. I really don't know why.

[d0rf47]

this still leaves me with an absurd amount of errors. I cant use any components. After doing this My console is literally overrun with errors.