Material-ui: Módulo no encontrado: no se puede resolver 'material-ui-icons/Menu' Marcial Siguiente

Creado en 8 mar. 2018  ·  24Comentarios  ·  Fuente: mui-org/material-ui

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

v0.x

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

Todos 24 comentarios

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

https://www.npmjs.com/package/@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:

image

¿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

https://www.npmjs.com/package/@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 terminal

npm 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 terminal

npm 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!

¿Fue útil esta página
0 / 5 - 0 calificaciones