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

3
votes

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)

4
javascriptangularangular-cli
run this command npm i @angular-devkit/schematics – Abhishek
@Abhishek I went ahead and used that command and im still gettting that error – RickyBaeza
clear your cache – Abhishek
@Abhishek I cleared the cache with npm cache clear --force then I tried rm -r node_modules/ npm i but no luck – RickyBaeza
ok try this @angular/material @angular/cdk @angular/animations – Abhishek

4 Answers

5
votes

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

10
votes

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
0
votes

I had this same issue, I was building the project from the scratch. For me what I did wrong is I was trying to run

ng add @angular/material

Before running the

npm install

Once I ran the "npm install" first and then tried to install materials, everything started to install properly without any issues. Its a very silly basic mistake which is worth to note for beginers like me :)

0
votes

You should try below command:

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