Material-ui: Module introuvable : impossible de résoudre 'material-ui-icons/Menu' Martial Next

oh, cela ne fait pas partie du package core material-ui : npm install --save material-ui-icons

Pour toute autre personne rencontrant ce problème : npm install @material-ui/icons

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

Nous ajouterons probablement un avertissement de dépréciation à material-ui-icons à un moment donné. Pour le moment, elles sont fonctionnellement identiques, mais si jamais Google sort de nouvelles icônes, seules @material-ui/icons seront mises à jour.

Vous devez mettre à jour @material-ui.
Alors s'il vous plaît écrivez dans votre terminal

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

Et redémarrer 'npm start'

Existe-t-il le même paquet pour le fil?

Chaque paquet pour npm devrait être disponible pour fil (à moins que vous n'utilisiez des registres différents, mais je soupçonne que cela ne s'applique pas à vous).

en effet @ eps1lon ... J'ai un problème lors de l'installation .. c'est la raison pour laquelle je pensais qu'il n'y avait pas de package avec la même signature de nom. Merci.

avoir une idée de cette erreur
Module introuvable : impossible de résoudre '@material-ui/core/Grid' dans 'E:\Material Ui\firstapp\src'
:(

@atuljustano Veuillez ouvrir un numéro séparé et remplir le modèle.

@atuljustano S'il vous plaît, ne le faites pas. Nous émettons GitHub exclusivement pour suivre les bogues et les demandes de fonctionnalités. Veuillez utiliser StackOverflow ou Spectrum.chat à la place. Il existe une balise StackOverflow appelée "material-ui" que vous pouvez utiliser pour baliser vos questions. Merci!

Salut, je reçois ....node_modules/@material-ui/icons"' has no exported member 'MenuIcon'.
malgré l'installation de @material-ui/icons

j'ai le même problème je viens d'installer
pour les icônes
npm install @material-ui/icons

et pour d'autres matériaux
npm install @material-ui/core

et importer comme ceci
importer AppBar depuis '@material-ui/core/AppBar' ;
importer SearchIcon de '@material-ui/icons/Search' ;

Ce serait bien de mettre à jour les documents officiels pour que cela soit un peu plus clair.

@catonmat La première phrase de la page Material Icons mentionne le nom du package. Il est également couvert dans les documents d' installation . Chaque exemple qui utilise des icônes montre l'importation, et il y a une importation copiable sur chaque aperçu d'icône :

Que suggérons-nous pour que ce soit plus clair ?

Cela a fonctionné pour moi, merci

Existe-t-il le même paquet pour le fil?

Le fil utilise la même source que le NPM. Ainsi, il n'y a pas de différence dans les packages NPM/Yarn.

J'étais confronté à un problème, j'ai essayé d'importer l'icône automatiquement dans vscode, mais cela ne fonctionnait pas. Il s'est avéré que j'ai dû l'importer d'une manière distincte comme : import DeleteIcon from '@material-ui/icons/Delete';

Donc, vous voyez, DeleteIcon et Delete sont deux noms différents ici.

@adisher Vous pouvez l'importer en tant que Delete si vous préférez, mais l'importer en tant que DeleteIcon est plus clair lorsque le composant est utilisé plus tard.

Changer
importer MenuIcon de '@material-ui/icons/Menu' ;

à:
importer le menu de '@material-ui/icons/Menu' ;

Je rencontrais ce problème car j'importais mal. j'essayais d'utiliser

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

Mais j'avais besoin de le changer en

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

Pour toute autre personne rencontrant ce problème : npm install @material-ui/icons

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

Fait. Pas. Aider.

Utiliser le code VS
J'ai installé Icons et Core.
SearchIcon renvoie une erreur similaire :

**Échec de la compilation
Module introuvable : '@material-ui/icons/Search' dans [Project Filepath]

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

Voici l'instruction d'importation :
importer SearchIcon de "@material-ui/icons/Search" ;

HTML :

Dépendances :

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

Vous devez mettre à jour @material-ui.
Alors s'il vous plaît écrivez dans votre terminal

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

Et redémarrer 'npm start'

Ça marche!

Vous devez mettre à jour @material-ui.
Alors s'il vous plaît écrivez dans votre terminal

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

Et redémarrer 'npm start'

Ça marche!

Oui, j'ai trouvé que ce package, suggéré dans un autre fil, était incorrect pour mon objectif :

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

J'ai réinstallé en utilisant votre approche et j'ai trouvé que cela résolvait le problème. Merci Arpan !