LoginSignup
1
0

More than 5 years have passed since last update.

node_modulesエラーの原因特定

Last updated at Posted at 2017-10-10

npmをアップデートした結果エラーが出たので、事象をまとめる。

エラー発生

1.png

node.modulesをアップデートして、ng serveしたしたところ発生。 @angular/materialの中がおかしくなっている様子。

app.module.tsのコードと@angular/materialが不一致している

2.png

app.module.tsを開くと赤線が出ている。

3.png

試しに@angular/material内のMdButtonModule格納ファイルを除くと、MdButtonModuleではなくMatButtonModuleになっている、、、、

原因を調べる

@angular/material 2.0.0-beta.11 と 2.0.0-beta.12 で仕様が変わり、MdButtonModuleMatButtonModuleに、他もMd~からMat~に変わった様子。

コード書き換えが大変なので、いったんダウングレードで逃げる

5.png

npm install @angular/material@2.0.0-beta.10
npm install @angular/cdk@2.0.0-beta.10

で10をインストールした結果、エラー解消。
ポイントはダウングレードを11ではなく10にすることらしい、、、、

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0