import MenuIcon from 'material-ui-icons/Menu';
causas
Módulo no encontrado: no se puede resolver 'material-ui-icons/Menu'
Usó el código exacto del ejemplo: https://github.com/mui-org/material-ui/blob/v1-beta/docs/src/pages/demos/app-bar/ButtonAppBar.js
oh, esto no es parte del paquete core material-ui: npm install --save material-ui-icons
Para cualquier otra persona que experimente este problema: npm install @material-ui/icons
Probablemente agregaremos una advertencia de obsolescencia a material-ui-icons
en algún momento. Por el momento, son funcionalmente idénticos, pero si Google alguna vez lanza nuevos íconos, solo se actualizarán @material-ui/icons
.
Deberías actualizar @material-ui.
Así que por favor escribe en tu terminal
npm install @material-ui/core
npm install @material-ui/icons
Y reinicie 'npm start'
¿Hay el mismo paquete para hilo?
Cada paquete para npm debería estar disponible para yarn (a menos que use registros diferentes, pero sospecho que eso no se aplica a usted).
de hecho @eps1lon ... Tengo un problema durante la instalación... esa es la razón por la que pensé que no había un paquete con el mismo nombre de firma. Gracias.
tener alguna idea acerca de este error
Módulo no encontrado: no se puede resolver '@material-ui/core/Grid' en 'E:\Material Ui\firstapp\src'
:(
@atuljustano Por favor, abra una edición separada y complete la plantilla.
@atuljustano Por favor no. Emitimos GitHub exclusivamente para rastrear errores y solicitudes de funciones. Utilice StackOverflow o Spectrum.chat en su lugar. Hay una etiqueta de StackOverflow llamada "material-ui" que puede usar para etiquetar sus preguntas. ¡Gracias!
Hola, recibo ....node_modules/@material-ui/icons"' has no exported member 'MenuIcon'.
a pesar de instalar @material-ui/icons
tengo el mismo problema solo instale
para iconos
npm instalar @material-ui/icons
y para otros materiales
npm instalar @material-ui/core
e importar así
importar AppBar desde '@material-ui/core/AppBar';
importar SearchIcon desde '@material-ui/icons/Search';
Sería bueno actualizar los documentos oficiales para que esto quede un poco más claro.
@catonmat La primera oración en la página de iconos de materiales menciona el nombre del paquete. También se trata en los documentos de instalación . Cada ejemplo que usa íconos muestra la importación, y hay una importación copiable en cada vista previa de ícono:
¿Qué sugiere que podríamos hacer para que quede más claro?
me funciono, gracias
¿Hay el mismo paquete para hilo?
Yarn usa la misma fuente que NPM. Por lo tanto, no hay diferencia en los paquetes NPM/Yarn.
Estaba enfrentando un problema, intenté importar el ícono automáticamente en vscode, pero no funcionó. Resultó que tuve que importarlo de forma separada como: import DeleteIcon from '@material-ui/icons/Delete';
Entonces, verá, DeleteIcon
y Delete
son dos nombres diferentes aquí.
@adisher Puede importarlo como Delete
si lo prefiere, pero importarlo como DeleteIcon
es más claro cuando el componente se usa más adelante.
Cambio
importar MenuIcon desde '@material-ui/icons/Menu';
a:
importar Menú desde '@material-ui/icons/Menu';
Estaba experimentando este problema porque estaba importando incorrectamente. estaba tratando de usar
import { MenuIcon } from '@material-ui/icons/Menu'
Pero necesitaba cambiarlo a
import MenuIcon from '@material-ui/icons/Menu'
Para cualquier otra persona que experimente este problema:
npm install @material-ui/icons
Lo hace. No. Ayudar.
Usando el código VS
Tengo tanto Icon como Core instalados.
SearchIcon devuelve un error similar:
**Error al compilar
Módulo no encontrado: '@material-ui/icons/Search' en [Ruta de archivo del proyecto]
@ ./src/Header.js 14:14-50**
Esta es la instrucción de importación:
importar SearchIcon desde "@material-ui/icons/Search";
HTML:
Dependencias:
"@material-ui/núcleo": "^4.11.0",
"material-ui-icons": "^1.0.0-beta.36",
Deberías actualizar @material-ui.
Así que por favor escribe en tu terminalnpm install @material-ui/core npm install @material-ui/icons
Y reinicie 'npm start'
¡Funciona!
Deberías actualizar @material-ui.
Así que por favor escribe en tu terminalnpm install @material-ui/core npm install @material-ui/icons
Y reinicie 'npm start'
¡Funciona!
Sí, encontré que este paquete, sugerido en otro hilo, era incorrecto para mi propósito:
"material-ui-icons": "^1.0.0-beta.36",
Reinstalé usando su enfoque y descubrí que resolvió el problema. Gracias Arpan!
Comentario más útil
Para cualquier otra persona que experimente este problema:
npm install @material-ui/icons
https://www.npmjs.com/package/@material-ui/icons