Material-ui: Modul nicht gefunden: 'material-ui-icons/Menu' kann nicht aufgelöst werden Martial Next

Erstellt am 8. März 2018  ·  24Kommentare  ·  Quelle: mui-org/material-ui

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

v0.x

Hilfreichster Kommentar

Für alle anderen, die dieses Problem haben: npm install @material-ui/icons

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

Alle 24 Kommentare

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

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

image

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

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

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

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

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

finaiized picture finaiized  ·  3Kommentare

sys13 picture sys13  ·  3Kommentare

mattmiddlesworth picture mattmiddlesworth  ·  3Kommentare

FranBran picture FranBran  ·  3Kommentare

mb-copart picture mb-copart  ·  3Kommentare