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?
reactjs
typescript
material-ui
Yasserpulido
quelle
quelle
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 auf
createSvgIcon
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/core
Paket mit diesem Befehl auf v4.9.9 aktualisiert :yarn upgrade @material-ui/core --latest
quelle