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

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?

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

npm update

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

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