Covalent: Could not integrate the covalent module with material desing 2.0.0-beta.10

[jega-ms]

Bug
Could not integrate the covalent module with Angualr Cli project.

I'm getting the below error

```
WARNING in ./~/@covalent/core/data-table/data-table.module.js
43:12-29 "export 'MdSelectionModule' was not found in '@angular/material'

WARNING in ./~/@covalent/core/expansion-panel/expansion-panel.module.js
34:12-24 "export 'PortalModule' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/file/file.module.js
44:12-24 "export 'PortalModule' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/layout/layout.module.js
49:12-32 "export 'ScrollDispatchModule' was not found in '@angular/material'

WARNING in ./~/@covalent/core/loading/loading.module.js
36:12-24 "export 'PortalModule' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/steps/steps.module.js
39:12-24 "export 'PortalModule' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/steps/steps.module.js
40:12-32 "export 'ScrollDispatchModule' was not found in '@angular/material'

WARNING in ./~/@covalent/core/chips/chips.component.js
45:2-25 "export 'TemplatePortalDirective' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/chips/chips.component.js
59:2-25 "export 'TemplatePortalDirective' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/chips/chips.component.js
333:17-20 "export 'TAB' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/chips/chips.component.js
339:17-23 "export 'ESCAPE' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/chips/chips.component.js
513:17-25 "export 'UP_ARROW' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/chips/chips.component.js
527:17-27 "export 'LEFT_ARROW' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/chips/chips.component.js
528:17-23 "export 'DELETE' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/chips/chips.component.js
529:17-26 "export 'BACKSPACE' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/chips/chips.component.js
538:17-28 "export 'RIGHT_ARROW' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/chips/chips.component.js
555:17-23 "export 'DELETE' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/chips/chips.component.js
556:17-26 "export 'BACKSPACE' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/chips/chips.component.js
562:17-25 "export 'UP_ARROW' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/chips/chips.component.js
563:17-27 "export 'LEFT_ARROW' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/chips/chips.component.js
570:61-71 "export 'LEFT_ARROW' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/chips/chips.component.js
583:17-27 "export 'DOWN_ARROW' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/chips/chips.component.js
584:17-28 "export 'RIGHT_ARROW' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/chips/chips.component.js
591:61-72 "export 'RIGHT_ARROW' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/chips/chips.component.js
738:14-30 "export 'MdInputDirective' was not found in '@angular/material'

WARNING in ./~/@covalent/core/chips/chips.component.js
739:30-46 "export 'MdInputDirective' was not found in '@angular/material'

WARNING in ./~/@covalent/core/data-table/data-table.component.js
474:17-22 "export 'ENTER' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/data-table/data-table.component.js
475:17-22 "export 'SPACE' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/data-table/data-table.component.js
479:17-25 "export 'UP_ARROW' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/data-table/data-table.component.js
505:17-27 "export 'DOWN_ARROW' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/data-table/directives/data-table-template.directive.js
28:2-25 "export 'TemplatePortalDirective' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/expansion-panel/expansion-panel.component.js
30:2-25 "export 'TemplatePortalDirective' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/expansion-panel/expansion-panel.component.js
44:2-25 "export 'TemplatePortalDirective' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/expansion-panel/expansion-panel.component.js
58:2-25 "export 'TemplatePortalDirective' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/file/file-input/file-input.component.js
38:2-25 "export 'TemplatePortalDirective' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/json-formatter/json-formatter.component.js
251:8-11 "export 'Dir' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/loading/services/loading.factory.js
43:64-79 "export 'ComponentPortal' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/loading/services/loading.factory.js
72:55-69 "export 'TemplatePortal' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/paging/paging-bar.component.js
369:37-40 "export 'Dir' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/search/search-input/search-input.component.js
98:14-30 "export 'MdInputDirective' was not found in '@angular/material'

WARNING in ./~/@covalent/core/search/search-input/search-input.component.js
99:30-46 "export 'MdInputDirective' was not found in '@angular/material'

WARNING in ./~/@covalent/core/search/search-input/search-input.component.js
154:37-40 "export 'Dir' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/steps/step.component.js
36:2-25 "export 'TemplatePortalDirective' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/steps/step.component.js
50:2-25 "export 'TemplatePortalDirective' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/steps/step.component.js
64:2-25 "export 'TemplatePortalDirective' was not found in '@angular/cdk'

WARNING in ./~/@covalent/core/steps/step.component.js
161:34-48 "export 'TemplatePortal' was not found in '@angular/cdk'
webpack: Compiled with warnings.
`
Verison

[kyleledbetter]

Material beta10 support is merged but not released. Coming soon

[joeldatabox]

I'm having the same problem with @jega4u . I have tried to downgrade but the problem persists.

Note: I have already tried to clear the npm cache and also the node_modules folder but the problem still remains.

How can I solve this?

[joeldatabox]

I was able to solve my problem! I just needed to change my package.json.

Before("@ angular/material": "^2.0.0-beta.8");
Now ("@ angular/material": "2.0.0-beta.8");

As the material already has a version greater than "2.0.0-beta.8", it is necessary to remove the "^". I had forgotten that detail.

Thank you all

[jhonToni]

covalent will support the material versions higher than 2.0.0-beta.8 ??

[kyleledbetter]

Yes please search issues and PRs. Material beta10 support has been merged already and is coming in our next release very shortly

[jega-ms]

Thanks

On Mon, Sep 11, 2017 at 1:35 AM, Kyle Ledbetter [e-mail]
wrote:

Yes please search issues and PRs. Material beta10 support has been merged
already and is coming in our next release very shortly

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/Teradata/covalent/issues/856#issuecomment-328368089,
or mute the thread
https://github.com/notifications/unsubscribe-auth/APJShr5kB62UoAlvmbxkr1cdbG5dweOHks5shED4gaJpZM4PM4ek
.

--
Jegadeesan M

[RicardoVaranda]

+1 We really need this release it's currently breaking all our ng builds, Any timeframe on this release? Thanks once again for all the hard work!

[elmartino]

+1

[emoralesb05]

We already have the changelog PR open, once we merge it, we will release 😄

https://github.com/Teradata/covalent/pull/867

[elmartino]

I still got this errors with:
"@angular/material": "^2.0.0-beta.10" and "@covalent/core": "^1.0.0-beta.7",

`WARNING in ./~/@covalent/core/data-table/data-table.module.js
43:12-29 "export 'MdSelectionModule' was not found in '@angular/material'

WARNING in ./~/@covalent/core/layout/layout.module.js
37:12-32 "export 'ScrollDispatchModule' was not found in '@angular/material'

WARNING in ./~/@covalent/core/steps/steps.module.js
39:12-32 "export 'ScrollDispatchModule' was not found in '@angular/material'

WARNING in ./~/@covalent/core/chips/chips.component.js
723:14-30 "export 'MdInputDirective' was not found in '@angular/material'

WARNING in ./~/@covalent/core/chips/chips.component.js
724:30-46 "export 'MdInputDirective' was not found in '@angular/material'

WARNING in ./~/@covalent/core/search/search-input/search-input.component.js
97:14-30 "export 'MdInputDirective' was not found in '@angular/material'

WARNING in ./~/@covalent/core/search/search-input/search-input.component.js
98:30-46 "export 'MdInputDirective' was not found in '@angular/material'

ERROR in ScrollDispatchModule is not an NgModule`

[jurStv]

Yeah, same for me

WARNING in ./~/@covalent/dynamic-forms/~/@covalent/core/data-table/data-table.module.js
[1] 43:12-29 "export 'MdSelectionModule' was not found in '@angular/material'
[1]
[1] WARNING in ./~/@covalent/dynamic-forms/~/@covalent/core/layout/layout.module.js
[1] 37:12-32 "export 'ScrollDispatchModule' was not found in '@angular/material'
[1]
[1] WARNING in ./~/@covalent/dynamic-forms/~/@covalent/core/steps/steps.module.js
[1] 39:12-32 "export 'ScrollDispatchModule' was not found in '@angular/material'
[1]
[1] WARNING in ./~/@covalent/dynamic-forms/~/@covalent/core/chips/chips.component.js
[1] 723:14-30 "export 'MdInputDirective' was not found in '@angular/material'
[1]
[1] WARNING in ./~/@covalent/dynamic-forms/~/@covalent/core/chips/chips.component.js
[1] 724:30-46 "export 'MdInputDirective' was not found in '@angular/material'
[1]
[1] WARNING in ./~/@covalent/dynamic-forms/~/@covalent/core/search/search-input/search-input.component.js
[1] 97:14-30 "export 'MdInputDirective' was not found in '@angular/material'
[1]
[1] WARNING in ./~/@covalent/dynamic-forms/~/@covalent/core/search/search-input/search-input.component.js
[1] 98:30-46 "export 'MdInputDirective' was not found in '@angular/material'
[1] webpack: Compiled with warnings.

for "@angular/material": "^2.0.0-beta.10" and "@covalent/core": "^1.0.0-beta.7"

[emoralesb05]

Please remove the ^ from the install, for some reason yarn thinks the latest is an old version.. also never use ^ for beta technologies 😄