web-dev-qa-db-fra.com

Comment importer des icônes d'interface utilisateur matérielle? J'ai rencontré des problèmes avec les icônes d'interface utilisateur matérielle

J'utilisais l'interface utilisateur du matériau avec react dans mon projet, et j'ai des problèmes pour importer les icônes de matériau, mon code est copié à partir de l'interface utilisateur du matériau (version: "material-ui": "^ 1.0.0-beta. 41 "," material-ui-icons ":" ^ 1.0.0-beta.36 ",) docs, comme ceci:

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

et j'ai aussi exécuté npm install material-icons. l'erreur dans ma console chrome console est:

./src/index/musicCard.js Module introuvable: impossible de résoudre '@ material-ui/icons/PlayArrow' dans 'C:\Users\wenji\Desktop\myblog\src\index' et j'ai essayé celui-ci:

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

et celui-là:

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

mais la dose ne fait aucune différence, alors quelqu'un peut-il m'aider?

10
WEN-JY

Les icônes ne font pas partie de material-ui/core, il doit donc être installé à l'aide de deux commandes:

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

résolu , le module d'icônes doit être ajouté aux dépendances, utilisez npm install @ material-ui/icons ou utilisez yarn: yarn add @ material-ui/icons

8
WEN-JY