Kompilierungsfehler mit der Funktion Component Lab> Autocomplete für SVG-Symbole in der Material-Benutzeroberfläche

11

Ich habe die folgende Fehlermeldung erhalten, als ich mein Projekt im Browser ausgeführt habe:

Fehler beim Kompilieren:

./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js
Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'.

Ich versuche, die Autocomplete-Komponente zu implementieren (aus dem Beispiel im Abschnitt "Mehrere Werte").

Hier ist der Code, den ich verwende:

import React from 'react';
import Chip from '@material-ui/core/Chip';
import Autocomplete from '@material-ui/lab/Autocomplete';
import TextField from '@material-ui/core/TextField';

<Autocomplete
        multiple
        id="tags-standard"
        options={top100Films}
        getOptionLabel={(option) => option.title}
        defaultValue={[top100Films[13]]}
        renderInput={(params) => (
          <TextField
            {...params}
            variant="standard"
            label="Multiple values"
            placeholder="Favorites"
          />
        )}
      />

Ich habe versucht, SVG Icons von NPM zu installieren:

npm install @material-ui/icons

Und dann importiere ich sie in mein TypeScript:

import createSvgIcon from '@material-ui/icons/utils/createSvgIcon';

Aber ich habe immer noch den Fehler oben. Wie kann ich dieses Problem beheben?

Yasserpulido
quelle

Antworten:

23

Können Sie versuchen, @material-ui/coredurch Ausführen zu aktualisieren ?

npm update
iamhuynq
quelle
Ich habe die npm aktualisiert und habe die Version @ material-ui / core @ 4.9.9 erhalten. Jetzt habe ich keinen Fehler mehr. Woher wusstest du, dass das das Problem ist?
Yasserpulido
Ich habe auf @ material-ui / core @ 4.9.9 aktualisiert und bekomme immer noch den Fehler plz help
Salah Eddine Makdour
3

Wie im Material-UI-Projekt CHANGELOG der neuesten Version (Version 4.9.9 zum Zeitpunkt des Schreibens dieser Antwort) beschrieben, gibt es eine Änderung in Bezug aufcreateSvgIcon

Geben Sie hier die Bildbeschreibung ein

Das komplette Gespräch des Teams finden Sie hier .

Wann bin ich auf das Problem gestoßen?

Beim Ausführen eines React-Projekts wollte ich die Autocomplete- Komponente von verwenden @material-ui/lab.

Wie habe ich es gelöst?

Ich habe das @material-ui/corePaket mit diesem Befehl auf v4.9.9 aktualisiert :

yarn upgrade @material-ui/core --latest

Ala Eddine JEBALI
quelle