[解決済み] モジュールが見つかりません。mui/icons-material/FileDownload' を解決できません。

質問

の両方をインストールしました。 @material-ui/core と @material-ui/icons .

をインポートしようとしています。 FileDownloadIcon" をマテリアルアイコンから削除してください。

インストール方法 "@material-ui/core"。 :

npm i @material-ui/core

インストール "@material-ui/icons"。 :

npm i @material-ui/icons

これは、私がインポートしようとしている方法です。 FileDownloadIcon" :

import FileDownloadIcon from '@mui/icons-material/FileDownload';
<div className="download-file">
        <Button
                variant="contained"
                color="primary"
                onClick={() => getResume()}
            >
            <FileDownloadIcon />
            Download Resume
        </Button>
</div>

しかし、次のようなエラーが発生します。 モジュールが見つかりません。Can't resolve '@mui/icons-material/FileDownload' in 'E:\frontendsrc' componentธิดติ์ "

どこが問題なのか、どなたか教えてください。

解決方法を教えてください。

ファイルダウンロード アイコンはv5で追加されたもので、v4には存在しません。 v4のアイコンを検索することができます。 こちら . 旧バージョンのMUIでv5のアイコンを使用するには、ソースコードをコピーしてください。 こちら :

function FileDownload(props) {
  return (
    <SvgIcon {...props}>
      <path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z" />
    </SvgIcon>
  );
}

EDITです。 MUI v5を既に使用している場合、アイコンパッケージが不足していることを意味します。インストールガイドに従ってください。 こちら をクリックしてインストールしてください。

npm install @mui/icons-material