Material-ui: Módulo não encontrado: Não é possível resolver 'material-ui-icons/Menu' Martial Next

Criado em 8 mar. 2018  ·  24Comentários  ·  Fonte: mui-org/material-ui

import MenuIcon from 'material-ui-icons/Menu';

causas

Módulo não encontrado: não é possível resolver 'material-ui-icons/Menu'

Código exato usado do exemplo: https://github.com/mui-org/material-ui/blob/v1-beta/docs/src/pages/demos/app-bar/ButtonAppBar.js

v0.x

Comentários muito úteis

Para qualquer outra pessoa que esteja enfrentando esse problema: npm install @material-ui/icons

https://www.npmjs.com/package/@material-ui/icons

Todos 24 comentários

oh, isso não faz parte do pacote principal do material-ui: npm install --save material-ui-icons

Para qualquer outra pessoa que esteja enfrentando esse problema: npm install @material-ui/icons

https://www.npmjs.com/package/@material-ui/icons

Provavelmente adicionaremos um aviso de descontinuação a material-ui-icons em algum momento. No momento, eles são funcionalmente idênticos, mas se o Google lançar novos ícones, apenas @material-ui/icons será atualizado.

Você deve atualizar @material-ui.
Então, por favor, escreva no seu terminal

npm install @material-ui/core
npm install @material-ui/icons

E reinicie 'npm start'

Existe o mesmo pacote para fios?

Todo pacote para npm deve estar disponível para yarn (a menos que você use registros diferentes, mas suspeito que isso não se aplique a você).

na verdade @eps1lon ... eu tenho um problema durante a instalação .. essa é a razão pela qual eu pensei que não há um pacote com a assinatura do mesmo nome. Obrigado.

tem alguma ideia sobre esse erro
Módulo não encontrado: não é possível resolver '@material-ui/core/Grid' em 'E:\Material Ui\firstapp\src'
:(

@atuljustano Por favor, abra uma edição separada e preencha o modelo.

@atuljustano Por favor, não. Nós problemas do GitHub exclusivamente para rastrear bugs e solicitações de recursos. Por favor, use StackOverflow ou spectrum.chat. Há uma tag do StackOverflow chamada "material-ui" que você pode usar para marcar suas perguntas. Obrigado!

Olá, eu recebo ....node_modules/@material-ui/icons"' has no exported member 'MenuIcon'.
apesar de instalar @material-ui/icons

estou com o mesmo problema é só instalar
para ícones
npm instala @material-ui/icons

e para outros materiais
npm instala @material-ui/core

e importar assim
importar AppBar de '@material-ui/core/AppBar';
importe SearchIcon de '@material-ui/icons/Search';

Seria bom atualizar os documentos oficiais para deixar isso um pouco mais claro.

@catonmat A primeira frase na página Material Icons menciona o nome do pacote. Também é abordado nos documentos de instalação . Todo exemplo que usa ícones mostra a importação e há uma importação copiável em cada visualização de ícone:

image

O que sugerem que poderíamos fazer para torná-lo mais claro?

Funcionou para mim, obrigado

Existe o mesmo pacote para fios?

O Yarn usa a mesma fonte que o NPM. Portanto, não há diferença nos pacotes NPM/Yarn.

Eu estava enfrentando um problema, tentei importar o ícone automaticamente no vscode, mas não estava funcionando. Acabou, eu tive que importá-lo de uma maneira separada como: import DeleteIcon from '@material-ui/icons/Delete';

Então, veja, DeleteIcon e Delete são dois nomes diferentes aqui.

@adisher Você pode importá-lo como Delete se preferir, mas importar como DeleteIcon é mais claro quando o componente é usado posteriormente.

Mudar
import MenuIcon de '@material-ui/icons/Menu';

para:
importar Menu de '@material-ui/icons/Menu';

Eu estava enfrentando esse problema porque estava importando incorretamente. eu estava tentando usar

import { MenuIcon } from '@material-ui/icons/Menu'

Mas eu precisava mudar para

import MenuIcon from '@material-ui/icons/Menu'

Para qualquer outra pessoa que esteja enfrentando esse problema: npm install @material-ui/icons

https://www.npmjs.com/package/@material-ui/icons

Faz. Não. Ajuda.

Usando o código VS
Eu tenho ícones e Core instalados.
O SearchIcon está retornando um erro semelhante:

**Falha ao compilar
Módulo não encontrado: '@material-ui/icons/Search' em [Project Filepath]

@ ./src/Header.js 14:14-50**

Esta é a instrução de importação:
importe SearchIcon de "@material-ui/icons/Search";

HTML:

Dependências:

"@material-ui/core": "^4.11.0",
"material-ui-icons": "^1.0.0-beta.36",

Você deve atualizar @material-ui.
Então, por favor, escreva no seu terminal

npm install @material-ui/core
npm install @material-ui/icons

E reinicie 'npm start'

Funciona!

Você deve atualizar @material-ui.
Então, por favor, escreva no seu terminal

npm install @material-ui/core
npm install @material-ui/icons

E reinicie 'npm start'

Funciona!

Sim, encontrei este pacote, sugerido em outro tópico, estava incorreto para o meu propósito:

"material-ui-icons": "^1.0.0-beta.36",

Eu reinstalei usando sua abordagem e descobri que resolveu o problema. Obrigado Arpan!

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

ghost picture ghost  ·  3Comentários

finaiized picture finaiized  ·  3Comentários

ryanflorence picture ryanflorence  ·  3Comentários

revskill10 picture revskill10  ·  3Comentários

reflog picture reflog  ·  3Comentários