【MaterialUI】「module not found: Error: Can’t resolve ‘@mui…」が出力される原因とその解決方法

MaterialUI
 

環境

  • npm 8.6.0
  • material ui 5.5.3
  • React 17.0.2

問題

materialUIのIconを使用するためにモジュールをインストールしようと以下のコードを実行するとエラーが発生

npm install @material-ui/icons
module not found: Error: Can't resolve '@mui/icons-material/CheckBoxOutlineBlank

解決方法

MaterialUIのバージョンが4系から5系に変わったことでモジュールのインストール方法も変わっているみたいです。

Iconをインストールするなら

npm install @mui/icons-material

MaterialUIのスタイルされたコンポーネントを使えるようにするなら(だいたいこっちです)

npm install @mui/material @mui/styled-engine-sc styled-components

Document大切。。。

おわり

コメント

タイトルとURLをコピーしました