Estaba usando la interfaz de usuario de material con reaccionar en mi proyecto, y tengo algunos problemas cuando se trata de importar los íconos de material, mi código se copia de la interfaz de usuario de material (versión: "material-ui": "^ 1.0.0-beta. 41", "material-ui-icons": "^1.0.0-beta.36",) documentos, así:
import SkipPreviousIcon from '@material-ui/icons/SkipPrevious'; import PlayArrowIcon from '@material-ui/icons/PlayArrow'; import SkipNextIcon from '@material-ui/icons/SkipNext';y también he ejecutado npm install material-icons. el error en mi consola chrome es:
./src/index/musicCard.js Módulo no encontrado: no se puede resolver '@material-ui/icons/PlayArrow' en 'C:\Users\wenji\Desktop\myblog\src\index' y probé este:
import SkipPreviousIcon from 'material-ui/icons/SkipPrevious';y éste:
import SkipPreviousIcon from '@material-ui-icons/SkipPrevious';pero la dosis no hace ninguna diferencia, así que ¿alguien puede ayudarme?
Los iconos no forman parte de material-ui/core, por lo que debe instalarse con dos comandos.
Si está utilizando npm
npm install @material-ui/core npm install @material-ui/iconsSi estás usando hilo
yarn add @material-ui/core yarn add @material-ui/iconsResuelto, el módulo de iconos debe agregarse a las dependencias. usar npm
npm install @material-ui/iconso usar hilo
yarn add @material-ui/iconsAcabo de resolver un problema extraño (pero no tan extraño después de descubrir por qué)
en mac funcionó, pero cuando implementé en linux falló y no pude encontrar el ícono
esto se debió a que en mac no se distingue entre mayúsculas y minúsculas y linux sí
asi que
import DeleteForEver from '@material-ui/icons/DeleteForEver'funciona en mac pero falla en linux
el archivo en realidad se llama "DeleteForever"
entonces la forma correcta de importar es
import DeleteForever from '@material-ui/icons/DeleteForever'