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
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
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:
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
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 terminalnpm 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 terminalnpm 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!
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