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
      ],...

did you try to install cdk? npm install @angular/cdk --save — Fateme Fazli
yes, I did, the compilation error is resolved. I will try to use in the component. Between I am trying to understand how is it dependent to TableModule while in the primeng documentation, it is mentioned as dependency: None. — javapedia.net
"@angular/core": "~7.1.0", "primeicons": "^1.0.0", "primeng": "^7.1.0", — javapedia.net
see github.com/primefaces/primeng/commit/… primeng uses cdk as devDependencies in version 7.1.0. — Fateme Fazli

Daniel Piñeiro Daniel Piñeiro · Accepted Answer · 2019-04-10T10:31:05

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:

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

5 Answers