web-dev-qa-db-ja.com

マテリアルUIアイコンをインポートする方法

私はプロジェクトでリアクティブでマテリアルUIを使用していましたが、マテリアルアイコンをインポートするときに問題が発生し、コードがマテリアルUIからコピーされます（バージョン： "material-ui"： "^ 1.0.0-beta。 41 "、" material-ui-icons "：" ^ 1.0.0-beta.36 "、）docs、このように：

import SkipPreviousIcon from '@material-ui/icons/SkipPrevious';
import PlayArrowIcon from '@material-ui/icons/PlayArrow';
import SkipNextIcon from '@material-ui/icons/SkipNext';

また、npm install material-iconsを実行しました。 my chromeコンソールのエラーは次のとおりです。

./src/index/musicCard.jsモジュールが見つかりません：「C：\ Users\wenji\Desktop\myblog\src\index」の「@ material-ui/icons/PlayArrow」を解決できず、これを試しました：

import SkipPreviousIcon from 'material-ui/icons/SkipPrevious';

そしてこれは：

import SkipPreviousIcon from '@material-ui-icons/SkipPrevious';

しかし、何の違いもありませんので、誰でも私を助けることができますか？

javascriptreactjsmaterial-ui
10
WEN-JY

アイコンはmaterial-ui/coreの一部ではないため、2つのコマンドを使用してインストールする必要があります。

npm install @material-ui/core
npm install @material-ui/icons
16
Neeraj Bansal

解決、アイコンモジュールを依存関係に追加するか、npm install @ material-ui/iconsを使用するか、yarn：yarn add @ material-ui/iconsを使用する必要があります

8
WEN-JY