npmをアップデートした結果エラーが出たので、事象をまとめる。
エラー発生
node.modulesをアップデートして、ng serve
したしたところ発生。 @angular/materialの中がおかしくなっている様子。
app.module.tsのコードと@angular/materialが不一致している
app.module.tsを開くと赤線が出ている。
試しに@angular/material内のMdButtonModule格納ファイルを除くと、MdButtonModuleではなくMatButtonModuleになっている、、、、
原因を調べる
@angular/material 2.0.0-beta.11 と 2.0.0-beta.12 で仕様が変わり、MdButtonModule
はMatButtonModule
に、他もMd~
からMat~
に変わった様子。
コード書き換えが大変なので、いったんダウングレードで逃げる
npm install @angular/material@2.0.0-beta.10
npm install @angular/cdk@2.0.0-beta.10
で10をインストールした結果、エラー解消。
ポイントはダウングレードを11ではなく10にすることらしい、、、、