"@angular/material/icon" has missing dependencies @angular/cdk/coercion

"@angular/material": "^9.0.0

Repro: https://github.com/jadekler/angular-spinner/tree/e3cb4b0bfa06ce35d3dc1711219cab68105202ac

(run ng serve)

With the following app.module.ts,

import { BrowserModule } from '@angular/platform-browser';
import {MatIconModule} from '@angular/material/icon';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    MatIconModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

I get,

$ ng serve

chunk {main} main.js, main.js.map (main) 2.01 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 686 bytes [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 9.72 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 340 kB [initial] [rendered]
Date: 2020-02-18T18:52:33.404Z - Hash: 2b4530d3884f9dda3f77 - Time: 2307ms

ERROR in The target entry-point "@angular/material/icon" has missing dependencies:
 - @angular/cdk/coercion

Seems like @angular/material/icon is not installing all its deendencies?

[jadekler]

Update: after discussion, seems like it has to be this way or else users get two copies of cdk. Bummer. One nice-ish solution would be for npm to be intelligent enough to suggest missing peer dependencies when it fails.

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}