import MenuIcon from 'material-ui-icons/Menu';
Ursachen
Modul nicht gefunden: 'material-ui-icons/Menu' kann nicht aufgelöst werden
Genauer Code aus Beispiel verwendet: https://github.com/mui-org/material-ui/blob/v1-beta/docs/src/pages/demos/app-bar/ButtonAppBar.js
Oh, das ist nicht Teil des Kernmaterial-UI-Pakets: npm install --save material-ui-icons
Für alle anderen, die dieses Problem haben: npm install @material-ui/icons
Wir werden material-ui-icons
wahrscheinlich irgendwann eine Veraltungswarnung hinzufügen. Im Moment sind sie funktional identisch, aber wenn Google jemals neue Icons veröffentlicht, werden nur @material-ui/icons
aktualisiert.
Sie sollten @material-ui aktualisieren.
Also schreib bitte in dein Terminal
npm install @material-ui/core
npm install @material-ui/icons
Und starte 'npm start' neu
Gibt es das gleiche Garnpaket?
Jedes Paket für npm sollte für Garn verfügbar sein (es sei denn, Sie verwenden verschiedene Register, aber ich vermute, das trifft auf Sie nicht zu).
in der Tat @eps1lon ... Ich habe ein Problem bei der Installation. Das ist der Grund, warum ich Namenssignatur gibt. Danke.
habe eine ahnung von diesem fehler
Modul nicht gefunden: '@material-ui/core/Grid' kann in 'E:\Material Ui\firstapp\src' nicht aufgelöst werden
:(
@atuljustano Bitte öffnen Sie eine separate Ausgabe und füllen Sie die Vorlage aus.
@atuljustano Bitte nicht. Wir geben GitHub ausschließlich aus, um Fehler und Funktionsanfragen zu verfolgen. Bitte verwenden Sie stattdessen StackOverflow oder Spectrum.chat. Es gibt ein StackOverflow-Tag namens "material-ui", mit dem Sie Ihre Fragen markieren können. Danke!
Hallo, ich bekomme ....node_modules/@material-ui/icons"' has no exported member 'MenuIcon'.
trotz Installation von @material-ui/icons
Ich habe das gleiche Problem einfach installieren
für Symbole
npm install @material-ui/icons
und für andere Materialien
npm install @material-ui/core
und so importieren
AppBar aus '@material-ui/core/AppBar' importieren;
importiere SearchIcon aus '@material-ui/icons/Search';
Es wäre schön, die offiziellen Dokumente zu aktualisieren, um dies ein wenig klarer zu machen.
@catonmat Der erste Satz auf der Seite mit den Materialsymbolen erwähnt den Paketnamen. Es wird auch in den Installationsdokumenten behandelt . Jedes Beispiel, das Symbole verwendet, zeigt den Import, und es gibt einen kopierbaren Import für jede Symbolvorschau:
Was schlagen wir vor, um es klarer zu machen?
Bei mir hat es funktioniert, danke
Gibt es das gleiche Garnpaket?
Yarn verwendet dieselbe Quelle wie NPM. Es gibt also keinen Unterschied bei NPM/Yarn-Paketen.
Ich stand vor einem Problem und habe versucht, das Symbol automatisch in vscode zu importieren, aber es funktionierte nicht. Es stellte sich heraus, dass ich es auf separate Weise importieren musste: import DeleteIcon from '@material-ui/icons/Delete';
Sie sehen also, DeleteIcon
und Delete
sind hier zwei verschiedene Namen.
@adisher Sie können es als Delete
importieren, wenn Sie es vorziehen, aber das Importieren als DeleteIcon
ist klarer, wenn die Komponente später verwendet wird.
Veränderung
Importieren Sie MenuIcon aus '@material-ui/icons/Menu';
zu:
Importieren Sie das Menü von '@material-ui/icons/Menu';
Ich hatte dieses Problem, weil ich falsch importiert habe. Ich habe versucht zu verwenden
import { MenuIcon } from '@material-ui/icons/Menu'
Aber ich musste es ändern in
import MenuIcon from '@material-ui/icons/Menu'
Für alle anderen, die dieses Problem haben:
npm install @material-ui/icons
Tut. Nicht. Hilfe.
Verwenden von VS-Code
Ich habe sowohl Icons als auch Core installiert.
Das SearchIcon gibt einen ähnlichen Fehler zurück:
**Fehler beim Kompilieren
Modul nicht gefunden: '@material-ui/icons/Search' in [Projektdateipfad]
@ ./src/Header.js 14:14-50**
Dies ist die Importanleitung:
importiere SearchIcon aus "@material-ui/icons/Search";
HTML-Code:
Abhängigkeiten:
"@material-ui/core": "^4.11.0",
"material-ui-icons": "^1.0.0-beta.36",
Sie sollten @material-ui aktualisieren.
Also schreib bitte in dein Terminalnpm install @material-ui/core npm install @material-ui/icons
Und starte 'npm start' neu
Es klappt!
Sie sollten @material-ui aktualisieren.
Also schreib bitte in dein Terminalnpm install @material-ui/core npm install @material-ui/icons
Und starte 'npm start' neu
Es klappt!
Ja, ich habe festgestellt, dass dieses Paket, das in einem anderen Thread vorgeschlagen wurde, für meinen Zweck falsch war:
"material-ui-icons": "^1.0.0-beta.36",
Ich habe mit Ihrem Ansatz neu installiert und festgestellt, dass das Problem behoben ist. Danke Arpan!
Hilfreichster Kommentar
Für alle anderen, die dieses Problem haben:
npm install @material-ui/icons
https://www.npmjs.com/package/@material-ui/icons