LifeSaver
angular/components

Solvedcomponents Cannot find module... Problems with cdk

angular
angular-components
material
material-design
bystronerik posts at
angular/components
bystronerik
218

Bug, feature request, or proposal:

  • Bug

What is the expected behavior?

Application will run

What is the current behavior?

Angular Material throw error

What are the steps to reproduce?

Install all dependencies and run aplication which use angular material

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

  • Angular 5.0.0
  • Material 5.0.0-rc0
  • Windows 10
  • TypeScript 2.6.1

Log
`C:\Users\Erik\WebstormProjects\FellCMS>ng serve
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
Date: 2017-11-08T14:57:50.207Z
Hash: c7798f1f7c0d306126a4
Time: 7912ms
chunk {inline} inline.bundle.js (inline) 5.79 kB [entry] [rendered]
chunk {main} main.bundle.js (main) 2.93 kB [initial] [rendered]
chunk {polyfills} polyfills.bundle.js (polyfills) 636 bytes [initial] [rendered]
chunk {styles} styles.bundle.js (styles) 150 kB [initial] [rendered]
chunk {vendor} vendor.bundle.js (vendor) 853 kB [initial] [rendered]

ERROR in node_modules/@angular/material/autocomplete/typings/autocomplete-trigger.d.ts(8,32): error TS2307: Cannot find module '@angular/cdk/bidi'.
node_modules/@angular/material/autocomplete/typings/autocomplete-trigger.d.ts(9,67): error TS2307: Cannot find module '@angular/cdk/overlay'.
node_modules/@angular/material/autocomplete/typings/autocomplete.d.ts(10,44): error TS2307: Cannot find module '@angular/cdk/a11y'.
node_modules/@angular/material/button-toggle/typings/button-toggle.d.ts(11,30): error TS2307: Cannot find module '@angular/cdk/a11y'.
node_modules/@angular/material/button-toggle/typings/button-toggle.d.ts(12,43): error TS2307: Cannot find module '@angular/cdk/collections'.
node_modules/@angular/material/button/typings/button.d.ts(9,26): error TS2307: Cannot find module '@angular/cdk/platform'.
node_modules/@angular/material/button/typings/button.d.ts(11,30): error TS2307: Cannot find module '@angular/cdk/a11y'.
node_modules/@angular/material/checkbox/typings/checkbox.d.ts(4,30): error TS2307: Cannot find module '@angular/cdk/a11y'.
node_modules/@angular/material/chips/typings/chip-list.d.ts(8,33): error TS2307: Cannot find module '@angular/cdk/a11y'.
node_modules/@angular/material/chips/typings/chip-list.d.ts(9,32): error TS2307: Cannot find module '@angular/cdk/bidi'.
node_modules/@angular/material/chips/typings/chip-list.d.ts(10,32): error TS2307: Cannot find module '@angular/cdk/collections'.
node_modules/@angular/material/chips/typings/chip.d.ts(8,33): error TS2307: Cannot find module '@angular/cdk/a11y'.
node_modules/@angular/material/core/typings/ripple/ripple-renderer.d.ts(9,26): error TS2307: Cannot find module '@angular/cdk/platform'.
node_modules/@angular/material/core/typings/ripple/ripple.d.ts(9,26): error TS2307: Cannot find module '@angular/cdk/platform'.
node_modules/@angular/material/datepicker/typings/datepicker.d.ts(8,32): error TS2307: Cannot find module '@angular/cdk/bidi'.
node_modules/@angular/material/datepicker/typings/datepicker.d.ts(9,67): error TS2307: Cannot find module '@angular/cdk/overlay'.
node_modules/@angular/material/dialog/typings/dialog-config.d.ts(9,27): error TS2307: Cannot find module '@angular/cdk/bidi'.
node_modules/@angular/material/dialog/typings/dialog-container.d.ts(10,84): error TS2307: Cannot find module '@angular/cdk/portal'.
node_modules/@angular/material/dialog/typings/dialog-container.d.ts(11,34): error TS2307: Cannot find module '@angular/cdk/a11y'.
node_modules/@angular/material/dialog/typings/dialog-ref.d.ts(8,28): error TS2307: Cannot find module '@angular/cdk/overlay'.
node_modules/@angular/material/dialog/typings/dialog.d.ts(1,62): error TS2307: Cannot find module '@angular/cdk/overlay'.
node_modules/@angular/material/dialog/typings/dialog.d.ts(2,31): error TS2307: Cannot find module '@angular/cdk/portal'.
node_modules/@angular/material/expansion/typings/accordion.d.ts(1,30): error TS2307: Cannot find module '@angular/cdk/accordion'.
node_modules/@angular/material/expansion/typings/expansion-panel-header.d.ts(1,30): error TS2307: Cannot find module '@angular/cdk/a11y'.
node_modules/@angular/material/expansion/typings/expansion-panel.d.ts(2,34): error TS2307: Cannot find module '@angular/cdk/accordion'.
node_modules/@angular/material/expansion/typings/expansion-panel.d.ts(3,43): error TS2307: Cannot find module '@angular/cdk/collections'.
node_modules/@angular/material/grid-list/typings/grid-list.d.ts(10,32): error TS2307: Cannot find module '@angular/cdk/bidi'.
node_modules/@angular/material/input/typings/autosize.d.ts(9,26): error TS2307: Cannot find module '@angular/cdk/platform'.
node_modules/@angular/material/input/typings/input.d.ts(10,26): error TS2307: Cannot find module '@angular/cdk/platform'.
node_modules/@angular/material/list/typings/selection-list.d.ts(8,50): error TS2307: Cannot find module '@angular/cdk/a11y'.
node_modules/@angular/material/list/typings/selection-list.d.ts(9,32): error TS2307: Cannot find module '@angular/cdk/collections'.
node_modules/@angular/material/menu/typings/menu-directive.d.ts(9,27): error TS2307: Cannot find module '@angular/cdk/bidi'.
node_modules/@angular/material/menu/typings/menu-item.d.ts(8,33): error TS2307: Cannot find module '@angular/cdk/a11y'.
node_modules/@angular/material/menu/typings/menu-panel.d.ts(10,27): error TS2307: Cannot find module '@angular/cdk/bidi'.
node_modules/@angular/material/menu/typings/menu-trigger.d.ts(1,43): error TS2307: Cannot find module '@angular/cdk/bidi'.
node_modules/@angular/material/menu/typings/menu-trigger.d.ts(2,67): error TS2307: Cannot find module '@angular/cdk/overlay'.
node_modules/@angular/material/progress-spinner/typings/progress-spinner.d.ts(10,26): error TS2307: Cannot find module '@angular/cdk/platform'.
node_modules/@angular/material/radio/typings/radio.d.ts(11,43): error TS2307: Cannot find module '@angular/cdk/collections'.
node_modules/@angular/material/radio/typings/radio.d.ts(12,30): error TS2307: Cannot find module '@angular/cdk/a11y'.
node_modules/@angular/material/select/typings/select.d.ts(8,44): error TS2307: Cannot find module '@angular/cdk/a11y'.
node_modules/@angular/material/select/typings/select.d.ts(9,32): error TS2307: Cannot find module '@angular/cdk/bidi'.
node_modules/@angular/material/select/typings/select.d.ts(10,32): error TS2307: Cannot find module '@angular/cdk/collections'.
node_modules/@angular/material/select/typings/select.d.ts(11,103): error TS2307: Cannot find module '@angular/cdk/overlay'.
node_modules/@angular/material/sidenav/typings/drawer.d.ts(9,61): error TS2307: Cannot find module '@angular/cdk/a11y'.
node_modules/@angular/material/sidenav/typings/drawer.d.ts(10,32): error TS2307: Cannot find module '@angular/cdk/bidi'.
node_modules/@angular/material/slide-toggle/typings/slide-toggle.d.ts(9,26): error TS2307: Cannot find module '@angular/cdk/platform'.
node_modules/@angular/material/slide-toggle/typings/slide-toggle.d.ts(12,30): error TS2307: Cannot find module '@angular/cdk/a11y'.
node_modules/@angular/material/slider/typings/slider.d.ts(8,32): error TS2307: Cannot find module '@angular/cdk/bidi'.
node_modules/@angular/material/slider/typings/slider.d.ts(12,30): error TS2307: Cannot find module '@angular/cdk/a11y'.
node_modules/@angular/material/snack-bar/typings/snack-bar-config.d.ts(9,36): error TS2307: Cannot find module '@angular/cdk/a11y'.
node_modules/@angular/material/snack-bar/typings/snack-bar-config.d.ts(10,27): error TS2307: Cannot find module '@angular/cdk/bidi'.
node_modules/@angular/material/snack-bar/typings/snack-bar-container.d.ts(10,68): error TS2307: Cannot find module '@angular/cdk/portal'.
node_modules/@angular/material/snack-bar/typings/snack-bar-ref.d.ts(8,28): error TS2307: Cannot find module '@angular/cdk/overlay'.
node_modules/@angular/material/snack-bar/typings/snack-bar.d.ts(8,31): error TS2307: Cannot find module '@angular/cdk/a11y'.
node_modules/@angular/material/snack-bar/typings/snack-bar.d.ts(9,25): error TS2307: Cannot find module '@angular/cdk/overlay'.
node_modules/@angular/material/snack-bar/typings/snack-bar.d.ts(10,31): error TS2307: Cannot find module '@angular/cdk/portal'.
node_modules/@angular/material/snack-bar/typings/snack-bar.d.ts(15,36): error TS2307: Cannot find module '@angular/cdk/layout'.
node_modules/@angular/material/sort/typings/sort-header.d.ts(9,30): error TS2307: Cannot find module '@angular/cdk/table'.
node_modules/@angular/material/stepper/typings/step-header.d.ts(8,30): error TS2307: Cannot find module '@angular/cdk/a11y'.
node_modules/@angular/material/stepper/typings/step-label.d.ts(9,30): error TS2307: Cannot find module '@angular/cdk/stepper'.
node_modules/@angular/material/stepper/typings/stepper-button.d.ts(1,52): error TS2307: Cannot find module '@angular/cdk/stepper'.
node_modules/@angular/material/stepper/typings/stepper.d.ts(1,37): error TS2307: Cannot find module '@angular/cdk/stepper'.
node_modules/@angular/material/table/typings/cell.d.ts(9,84): error TS2307: Cannot find module '@angular/cdk/table'.
node_modules/@angular/material/table/typings/row.d.ts(1,66): error TS2307: Cannot find module '@angular/cdk/table'.
node_modules/@angular/material/table/typings/table-data-source.d.ts(8,28): error TS2307: Cannot find module '@angular/cdk/table'.
node_modules/@angular/material/table/typings/table.d.ts(1,26): error TS2307: Cannot find module '@angular/cdk/table'.
node_modules/@angular/material/tabs/typings/tab-body.d.ts(10,49): error TS2307: Cannot find module '@angular/cdk/portal'.
node_modules/@angular/material/tabs/typings/tab-body.d.ts(11,43): error TS2307: Cannot find module '@angular/cdk/bidi'.
node_modules/@angular/material/tabs/typings/tab-header.d.ts(8,43): error TS2307: Cannot find module '@angular/cdk/bidi'.
node_modules/@angular/material/tabs/typings/tab-header.d.ts(13,31): error TS2307: Cannot find module '@angular/cdk/scrolling'.
node_modules/@angular/material/tabs/typings/tab-label.d.ts(9,27): error TS2307: Cannot find module '@angular/cdk/portal'.
node_modules/@angular/material/tabs/typings/tab-nav-bar/tab-nav-bar.d.ts(8,32): error TS2307: Cannot find module '@angular/cdk/bidi'.
node_modules/@angular/material/tabs/typings/tab-nav-bar/tab-nav-bar.d.ts(9,26): error TS2307: Cannot find module '@angular/cdk/platform'.
node_modules/@angular/material/tabs/typings/tab-nav-bar/tab-nav-bar.d.ts(10,31): error TS2307: Cannot find module '@angular/cdk/scrolling'.
node_modules/@angular/material/tabs/typings/tab.d.ts(8,32): error TS2307: Cannot find module '@angular/cdk/portal'.
node_modules/@angular/material/toolbar/typings/toolbar.d.ts(10,26): error TS2307: Cannot find module '@angular/cdk/platform'.
node_modules/@angular/material/tooltip/typings/tooltip.d.ts(9,45): error TS2307: Cannot find module '@angular/cdk/a11y'.
node_modules/@angular/material/tooltip/typings/tooltip.d.ts(10,32): error TS2307: Cannot find module '@angular/cdk/bidi'.
node_modules/@angular/material/tooltip/typings/tooltip.d.ts(11,156): error TS2307: Cannot find module '@angular/cdk/overlay'.
node_modules/@angular/material/tooltip/typings/tooltip.d.ts(12,26): error TS2307: Cannot find module '@angular/cdk/platform'.
node_modules/@angular/material/tooltip/typings/tooltip.d.ts(13,34): error TS2307: Cannot find module '@angular/cdk/scrolling'.

webpack: Failed to compile.
`

30 Answers
Share
Original

✔️Accepted Answer

willshowell
129

Did you install @angular/cdk?

Other Answers:

willshowell
177

@Flayovec it should be as easy as copy-pasting C:\Users\Erik\WebstormProjects\FellCMS\package.json here.

It should contain a dependencies section that looks approximately like this (there may be more ^ or ~ before the version numbers),

  "dependencies": {
    "@angular/animations": "5.0.0",
    "@angular/common": "5.0.0",
    "@angular/compiler": "5.0.0",
    "@angular/core": "5.0.0",
    "@angular/forms": "5.0.0",
    "@angular/http": "5.0.0",
    "@angular/platform-browser": "5.0.0",
    "@angular/platform-browser-dynamic": "5.0.0",
    "@angular/router": "5.0.0",
    "core-js": "2.5.1",
    "rxjs": "5.5.2",
    "zone.js": "0.8.17",
    "router": "1.3.2",
    "hammerjs": "2.0.8",
    "@angular/cdk": "5.0.0-rc0",
    "@angular/material": "5.0.0-rc0",
    "web-animations-js": "2.3.1"
  },

Further, if you are using git and committing when the project is in a working state, you can edit files with confidence that you'll be able to later revert your changes. The following commands would likely fix this:

npm install --save @angular/material @angular/cdk
rm -rf node_modules
npm install
Akitha
26

it fixed install

  1. npm install @angular/cdk
  2. npm install
jmxxii
27

Make sure your @Material and @cdk match your @angular/core version. They shouldn't be higher than your @angular/core version.

josephperrott
21

The errors you are seeing would point to @angular/cdk not being installed as @willshowell mentioned. Since you do have it installed, I would think that this is likely caused by stale packages.

I would suggest to try removing your node_modules/ directory and running npm install.

Related Issues:

885
components Error: mat-form-field must contain a MatFormFieldControl.
You have to add to app.module.ts: Bug feature request or proposal: When doing a karma/jasmine test I...
160
components [Table] Add example with dynamic columns
For those interested Bug feature request ...
111
components [Table] Throw error if MatSortModule is not imported while using "MatSort/matSort"
In came here because I hit the error @tzachs reported above: In my case the issues was that by accid...
100
components Can't drag md-slider
The import order solution never worked for me though it does seem to be related to something overrid...
96
components animation trigger "transformMenu" has failed to build
Sorry for commenting on a closed issue but got the same error when upgrading to Angular 5 using JEST...
87
components When using @ViewChild element.nativeElement is undefined
@gouldina Please refer to the link that @willshowell posted above Basically just do @ViewChild('name...
81
components Fixed header rows for md-table
to simplify above solution Write Bug feature request ...
76
components form-field: remove extra bottom space
10px is not enough considering size of padding <mat-form-field style= margin-bottom: -1.25em> I agre...
71
components Angular CLI + Angular Material {MatButtonModule} breaks angular build
Open your package.json file just change these to whatever the current version of the other angular c...
66
components strictTemplates, Angular 9: compability with Ivy
Dunno if it helps Enabling the new strictTemplates flag in Angular 9's compiler options generates th...
66
components [Table] - Add example with multiple filtering columns
@erickyi2006 I am using mat-menu mat-select mat-input everywhere to meet my requirements for the mat...
63
components NullInjectorError: No provider for MatDialogRef!
@jepetko Thanks for that worked I also had this in my dialog component constructor: @Inject(MAT_DIAL...
53
components No provider for MatDialogRef!
You will get that exact No provider for MatDialogRef error in case you include your dialog's compone...
41
components Opening MdDialog in ngOnInit throws ExpressionChangedAfterItHasBeenCheckedError
I had the same problem here when I tried open the MatDialog: ExpressionChangedAfterItHasBeenCheckedE...
41
components MdPaginatorIntl Internationalization example
@mhosman @rsaulo This is how I did it in @angular/material: ^5.0.3 Create separate file e.g ...
38
components Mat-tooltip bug: The pipe 'async' could not be found
Setting enableIvy: false (or simply removing it) in angularCompilerOptions (tsconfig.json) resolved ...
37
components Cannot find module... Problems with cdk
Did you install @angular/cdk? Bug feature request ...
36
components matTable - DataSource issue
@teoCasasbuenas @pablitodeveloper change: to If you're using version 5.2.4 of @angular/material http...
34
components Can't bind to 'ngModel' since it isn't a known property of 'md-input'.
You probably need to import the FormsModule in you app.module. I've seen some similar issues of peop...
33
components proposal: the current and the future state of material2
I agree we could definitely be more clear about the current status of the project For the most part ...
33
components Default sorting in Sort header
You're mistaking matSortStart for matSortDirection Question: How can I change Angular Material code ...
28
components Error Setting Up Custom Material Theme in Angular-CLI Project
Had the same issue with CLI: 1.6.4 node: 9.2.0 Angular: 5.0.0 Material: 5.0.4 just need to remove th...
25
components MatTable: Cannot read property 'nativeElement' of undefined
Well nevermind I found the issue Somehow my target property in tsconfig.json had the value of 'es201...
23
components Plunkers not working for md-data-table examples
Adding import { CdkTableModule } from '@angular/cdk'; to main.ts and add CdkTableModule to the impor...
23
components Does not package with ng-packagr
@willshowell adding material to lib.externals in ng-package.json: seems to have fixed my issue my li...
22
components [feature] Improve datepicker documentation for date format
@Robouste Right now you have to write your own DateAdapter. That is the only workaround that I found...
22
components Illegal state: Could not load the summary for directive ObserveContent
OK after numerous hours working on a reproduction and then changing code/config one at a time and re...
22
components [Table] Ability to filter complex objects
Sounds like you want a custom filter function which you can do by overriding the filterPredicate ...
21
components No documentation exists for Jasmine unit tests of Angular components containing @angular/material
I can add some of the things I've come across which might help out others looking for info Hopefully...
20
components Error: StaticInjectorError[BreakpointObserver] No provider for BreakpointObserver
my fail I tried: import {MatSnackBarModule} from @angular/material/snack-bar; but I have to: import ...
19
components feat(stepper): support lazy rendering of steps
Not sure if I am just stating the obvious Bug feature request ...
19
components Can't bind to 'mdMenuTriggerFor' since it isn't a known property of 'button'
I am getting the same error when running tests Bug feature request ...
18
components mat-table: Rows and table elements widths don't grow according to cell widths
The following workaround worked perfectly for me Bug feature request or proposal: Bug ...
17
components Cannot customize style of md-tabs
You need to use /deep/: Bug feature request ...
17
components Not able to compile custom theme
Looks like they've changed the Github build of Material I'm not able to set the custom material them...
17
components Theming your own component doc incorrectly references pre-built theme
Thank you all to the contributions to this thread after fighting with the docs this was a very usefu...
17
components [Paginator] Unclear in docs about how to set language
//Atribute @ViewChild(MatPaginator) paginator: MatPaginator; ngOnInit(){ .. Bug feature request or p...
16
components Add documentation for MomentDateAdapter usage
Full process for using Moment objects instead of Date objects npm i @angular/material-moment-adapter...
16
components Getting "No component factory" error while opening a Material Dialog in lazy loaded Component
You need to import MatDialogModule in ConsumerModule in order for it to know about the entryComponen...
16
components Weird ripple effect
I have got the same problem Each click of the bottom inserts a Into my html and it keeps stacking an...
15
components Slide Toggle Doesn't Seem to be working in Alpha 7 Error: Cannot find name 'HammerInput'
For those finding this issue that have a similar configuration to mine: angular-material: 2.0.0-alph...
14
components Add guidance for styling invalid inputs
For the time being I'm using a md-hint to show my error messages: It might help someone ...
14
components Add Customize Css Class to the Mat-Tab-Content and other Mat-X tags which are generated runtime
Why is this closed? <mat-tab> classes are not applied anywhere Bug feature request ...
13
components Snackbar + md-icon
Use a custom snackbar component: customsnackbar.component.ts: app.component.ts: app.module.ts: ...
13
components [Table] simpler example without example database
Anyway it would be possible to design a table completely in HTML Without data source binding Like: O...
13
components Md-expansion panel opened and close events not firing on prod build (beta.11)
Thanks @josephperrott If you're like me and just upgraded your project and even ran the md -> mat up...
12
components Custom Theme issue
Your $primary $accent etc are not what the theme function is expecting If you look at our pre-built ...
12
components [MdSidenav] - Sidenav Resizing Regression
Here is my solution: HTML TS Bug feature request or proposal: Bug/Regression from 2.0.0-beta.8 ...
12
components Docs bug: How to add rows to table
MatTableDataSource does not have the renderRows method It's in CdkTable | MatTable However in Angula...
11
components (suggestion)md-table with http example
Hey @lemang Here is my code 👨‍💻 Bug feature request ...
LifeSaver
Privacy PolicyDisclaimer