Compilare l'errore usando Lab Component> Funzione di completamento automatico per le icone SVG nell'interfaccia utente del materiale

11

Ho ricevuto il seguente errore quando ho eseguito il mio progetto sul browser:

Impossibile compilare:

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

Sto cercando di implementare il componente Completamento automatico (dall'esempio nella sezione "Valori multipli").

Ecco il codice che sto usando:

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"
          />
        )}
      />

Ho provato a installare le icone SVG da NPM:

npm install @material-ui/icons

E poi importandoli nel mio TypeScript:

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

Ma ho ancora l'errore sopra. Come posso risolvere questo problema?

reactjs typescript material-ui

— yasserpulido
fonte

23

Puoi provare ad aggiornare @material-ui/coreeseguendo

npm update

— iamhuynq
fonte

Ho aggiornato npm e ho ottenuto la versione @ material-ui / core @ 4.9.9 e ora non ho l'errore. Come sapevi che era il problema?

— yasserpulido,

ho aggiornato a @ material-ui / core @ 4.9.9 e sto ancora ricevendo l'errore per favore aiuto

— Salah Eddine Makdour

3

Come descritto nel progetto CHANGELOG di Material-UI dell'ultima versione (che è v4.9.9 il momento in cui scrivo questa risposta), c'è una modifica relativa acreateSvgIcon

La conversazione completa della squadra è disponibile qui .

Quando ho riscontrato il problema?

Quando eseguivo un progetto React e volevo usare il componente Completamento automatico da @material-ui/lab.

Come l'ho risolto?

Ho aggiornato il @material-ui/corepacchetto alla v4.9.9 usando questo comando:

yarn upgrade @material-ui/core --latest

— Ala Eddine JEBALI
fonte