rempei
@rempei

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

マテリアルUIのAlign list itemsについて

解決したいこと

マテリアルUIのAlign list itemsを使いたくてReactで試して見ようとしたのですがerrorが起きて使えません。分かる方がいらっしゃいましたら教えてほしいです。

発生している問題・エラー

Module not found: Error: Can't resolve '@mui/material/List' in 'C:\Users\minato\Desktop\rensyu\Free Practice\react-basic\src\components'
ERROR in ./src/components/Chats.jsx 5:0-38
Module not found: Error: Can't resolve '@mui/material/List' in 'C:\Users\minato\Desktop\rensyu\Free Practice\react-basic\src\components'

ERROR in ./src/components/Chats.jsx 6:0-46
Module not found: Error: Can't resolve '@mui/material/ListItem' in 'C:\Users\minato\Desktop\rensyu\Free Practice\react-basic\src\components'

ERROR in ./src/components/Chats.jsx 7:0-54
Module not found: Error: Can't resolve '@mui/material/ListItemText' in 'C:\Users\minato\Desktop\rensyu\Free Practice\react-basic\src\components'

ERROR in ./src/components/Chats.jsx 8:0-58
Module not found: Error: Can't resolve '@mui/material/ListItemAvatar' in 'C:\Users\minato\Desktop\rensyu\Free Practice\react-basic\src\components'

ERROR in ./src/components/Chats.jsx 9:0-42
Module not found: Error: Can't resolve '@mui/material/Avatar' in 'C:\Users\minato\Desktop\rensyu\Free Practice\react-basic\src\components'

ERROR in ./src/components/Chats.jsx 10:0-50
Module not found: Error: Can't resolve '@mui/material/Typography' in 'C:\Users\minato\Desktop\rensyu\Free Practice\react-basic\src\components'

webpack compiled with 6 errors

例)

NameError (uninitialized constant World)

または、問題・エラーが起きている画像をここにドラッグアンドドロップ

該当するソースコード

import List from '@mui/material/List';
import ListItem from '@mui/material/ListItem';
import ListItemText from '@mui/material/ListItemText';
import ListItemAvatar from '@mui/material/ListItemAvatar';
import Avatar from '@mui/material/Avatar';
import Typography from '@mui/material/Typography';

例)

def greet
  puts Hello World
end

自分で試したこと

Module not found: Error: Can't resolveでしらべても自分の問題を解決できるものは今のところ見つけられていません。どなたかお助け下さい。

0

1Answer

エラーメッセージから見るに、Material-UIのListやListItemなどのコンポーネントが見つからないというエラーが発生しています。これは、@mui/materialモジュールが見つからないことが原因です。

node_modulesディレクトリ内に@mui/materialがあるか確認してみてください。もしない場合は、npm install @mui/material @emotion/react @emotion/styled等で正しくインストールしてください。

プロジェクトのディレクトリ構造や設定がわかるとより詳細な原因がわかるかもしれません。

0Like

Your answer might help someone💌