ng add @angular/material throws error while adding angular material to the Angular 6 cli project

[mbaljeetsingh]

Versions

Repro steps

• ng new my-app
• ng add @angular/material

Observed behavior

Desired behavior

It should successfully add angular material to the angular cli project.

[hansl]

Hi @mbaljeetsingh,

Are you using an NPM cache or private registry? This should happen if you're installing version 5 of Material. Version 6 is latest right now so this should work.

[dtomaszewski]

I have similar issue

When I try to add schematics one more time it becomes even weirder :D

On this config it works fine :

[danzrou]

Same here with ng add @angular/material

[eyev]

@dtomaszewski I also had this error, simply adding the package manually resolved the problem

yarn add @angular-devkit/schematics --dev

[mbaljeetsingh]

One solution I found is, If you install @angular/material and @angular/cdk dependencies locally before running ng add command, then it seems to work.

npm install --save @angular/material @angular/cdk
ng add @angular/material

Note: ng add @angular/material command working fine on my other machine with the same node, npm and angular cli version.

[dtomaszewski]

@eyev this solution does not work for me, however @mbaljeetsingh solution with manual install before ng add works as a workaround

[leandropiga]

@mbaljeetsingh the solution worked for me. Thanks!!

[Shraddha80011]

I am facing same problem with ng add @angular/material.
Error: Collection "@angular/material" cannot be resolved.

[Shraddha80011]

Temp solution, use old version
ng add @angular/material@6.2.1