【Angular】インポートエラー「@angular/material/index.d.ts’ is not a module」

angularのロゴ画像

この記事には広告を含む場合があります。

記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。

Angularをバージョン9にアップデートして、Angular Materialを使おうとしたところエラーが発生。

使いたいMaterial Moduleをインポートする必要があるわけで、これまで通りimport { MatButtonModule } from ‘@angular/material’;みたいな感じで、‘@angular/material’からインポートしようと記述したらエラーが出たわけです。


今までできていたのになぜ…

ということでググったところ、Angular9からインポート仕様が変わったっぽい。

参考: stackoverflow

結論から言うと、@angular/material/より下の階層まで指定する必要があるよう。

この場合だとbuttonまで指定。

Angular Material公式ホームページを見てみると、確かにこうなっていた。

でもモジュールごとにインポートの記述が変わるんだったらほんとにこうなっちゃうよね。

まあとりあえずエラーは解決。



コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です