Angular CLI bug. There is no directive with "exportAs" set to ...

[liliom55]

Bug:
Unhandled Promise rejection: Template parse errors:
There is no directive with "exportAs" set to "mdMenu" ("
more_vert

<md-menu [ERROR ->]#menu="mdMenu">
<button md-menu-item (click)="callAssistance()">
Help</"): ng:///CatalogModule/MenuGlobalComponent.html@3:9 ; Zone: ; Task: Promise.then ; Value: Error: ....

I updated angular and material.

package.json

"dependencies": {
"@angular/animations": "^4.0.3",
"@angular/cdk": "github:angular/cdk-builds",
"@angular/common": "4.0.x",
"@angular/compiler": "4.0.x",
"@angular/compiler-cli": "4.0.x",
"@angular/core": "4.0.x",
"@angular/flex-layout": "^2.0.0-beta.8",
"@angular/forms": "4.0.x",
"@angular/http": "4.0.x",
"@angular/material": "github:angular/material2-builds",
"@angular/platform-browser": "4.0.x",
"@angular/platform-browser-dynamic": "4.0.x",
"@angular/platform-server": "4.0.x",
"@angular/router": "4.0.x",
"@material/textfield": "^0.2.3",
"bootstrap": "^3.3.7",
"core-js": "^2.4.1",
"hammerjs": "^2.0.8",
"material-components-web": "^0.7.0",
"ng2-translate": "^5.0.0",
"ngx-bootstrap": "^1.6.6",
"rxjs": "^5.1.0",
"web-animations-js": "^2.2.5",
"zone.js": "^0.8.9"
},
"devDependencies": {
"@angular/cli": "^1.4.3",
"@types/jasmine": "2.5.38",
"@types/node": "~6.0.60",
"codelyzer": "~2.0.0",
"jasmine-core": "~2.5.2",
"jasmine-spec-reporter": "~3.2.0",
"karma": "~1.4.1",
"karma-chrome-launcher": "~2.0.0",
"karma-cli": "~1.0.1",
"karma-coverage-istanbul-reporter": "^0.2.0",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.1.0",
"ts-node": "~2.0.0",
"tslint": "~4.5.0",
"typescript": "~2.2.0"
}

but still get this error

[josephperrott]

It looks like your deps might be out of date. You will need to update @angular/*~4.4.3

[josephperrott]

In your package.json you will need to update your versions for @angular/* to be ~4.4.3 and then delete node_modules/ and re-npm install

[liliom55]

@josephperrott
Still the same issue after I updated all @angular/* to ~4.4.3.
updated package.json:

"dependencies": {
"@angular/animations": "~4.4.3",
"@angular/cdk": "github:angular/cdk-builds",
"@angular/common": "~4.4.3",
"@angular/compiler": "~4.4.3",
"@angular/compiler-cli": "~4.4.3",
"@angular/core": "~4.4.3",
"@angular/flex-layout": "^2.0.0-beta.6",
"@angular/forms": "~4.4.3",
"@angular/http": "~4.4.3",
"@angular/material": "github:angular/material2-builds",
"@angular/platform-browser": "~4.4.3",
"@angular/platform-browser-dynamic": "~4.4.3",
"@angular/platform-server": "~4.4.3",
"@angular/router": "~4.4.3",
"bootstrap": "^3.3.7",
"core-js": "^2.4.1",
"hammerjs": "^2.0.8",
"intl": "^1.2.5",
"material-components-web": "^0.7.0",
"ng2-translate": "^5.0.0",
"ngx-bootstrap": "^1.6.6",
"reflect-metadata": "^0.1.10",
"rxjs": "^5.1.0",
"web-animations-js": "^2.2.5",
"zone.js": "^0.8.9"

[liliom55]

Actually I update the package.json by doing "npm update --save" then my packege.json is modified to:

"dependencies": {
"@angular/animations": "^4.4.3",
"@angular/cdk": "github:angular/cdk-builds",
"@angular/common": "^4.4.3",
"@angular/compiler": "^4.4.3",
"@angular/compiler-cli": "^4.4.3",
"@angular/core": "^4.4.3",
"@angular/flex-layout": "^2.0.0-beta.6",
"@angular/forms": "^4.4.3",
"@angular/http": "^4.4.3",
"@angular/material": "github:angular/material2-builds",
"@angular/platform-browser": "^4.4.3",
"@angular/platform-browser-dynamic": "^4.4.3",
"@angular/platform-server": "^4.4.3",
"@angular/router": "^4.4.3",
"bootstrap": "^3.3.7",
"core-js": "^2.5.1",
"hammerjs": "^2.0.8",
"material-components-web": "^0.7.0",
"ng2-translate": "^5.0.0",
"ngx-bootstrap": "^1.9.3",
"reflect-metadata": "^0.1.10",
"rxjs": "^5.4.3",
"web-animations-js": "^2.3.1",
"zone.js": "^0.8.18"
},

But still this issue:

[willshowell]

@liliom55 your best bet to getting help with this is to provide a reproduction (plunker, stackblitz, github repo) that demonstrates the error.

Otherwise, try the following,

1. Change @angular/material and @angular/cdk to the latest from npm (2.0.0-beta.11) instead of the nightly builds. The nightly builds are lagging behind the beta.11 release by a single commit that may be relevant.
2. As mentioned, and in case you missed it, delete your entire node_modules directory and run npm install again.

[liliom55]

@willshowell
I've done all you mentioned. Several times after updating the package.json , I deleted node_modules folder and reinstall it again. As you see I have the last version of material on package.json. I didn't get about nightly builds.

[willshowell]

@liliom55

In your package.json, replace github:angular/cdk-builds with 2.0.0-beta.11 and replace github:angular/material2-builds with 2.0.0-beta.11

[liliom55]

@willshowell
I just did it but still the same issue. I found this error is on compiler.es5.js. Do you have any idea?

[willshowell]

@liliom55 yeah that's just the Angular compiler saying that it failed in compiling your code. I'd suggest posting this on Stack Overflow with the angular-material2 tag. Someone over there may have more info and I'll be watching for it.

In any case, please try to reproduce in a minimal example! It's very difficult to help without a reproduction.

[liliom55]

@willshowell
Thanks

[liliom55]

Ok just for others I explain briefly:

1. I changed my customMaterialModule according to this MaterialModule : https://stackblitz.com/edit/angular-material2-beta-zf1yjz?file=app%2Fmaterial.module.ts
2. I updated all md to mat

Now app works well

[angular-automatic-lock-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.}