Error: Module not found: Error: Can't resolve '@angular/cdk/scrolling'

Question

I am encountering the error: "Module not found: Error: Can't resolve '@angular/cdk/scrolling'" as soon as I add import TableModule from primeNG in app.module.ts. Why is this error is thrown? I don't see any module dependency mentioned in the primeNG documentation https://www.primefaces.org/primeng/#/table.

Error:

Failed to compile.  ./node_modules/primeng/components/dropdown/dropdown.js Module not found: Error: Can't resolve '@angular/cdk/scrolling' in '/Users/admin/angular/MovieApp/node_modules/primeng/components/dropdown'          import {TableModule} from 'primeng/table';     ...     imports: [         BrowserModule,         AppRoutingModule,         HttpClientModule,CarouselModule,FieldsetModule,BrowserAnimationsModule,LightboxModule,         ScrollPanelModule,TableModule       ],... 

Answer 1

Using npm install @angular/cdk --save would resolve this.

It needs it because the p-table uses the p-paginator which uses p-dropdown, which this needs the cdk.

You can check it here:

• Table: https://github.com/primefaces/primeng/blob/7.1.0/src/app/components/table/table.ts
• Paginator: https://github.com/primefaces/primeng/blob/7.1.0/src/app/components/paginator/paginator.ts
• Dropdown: https://github.com/primefaces/primeng/blob/7.1.0/src/app/components/dropdown/dropdown.ts