Error de compilación al usar la función Component Lab> Autocompletar para iconos SVG en la interfaz de usuario de material

11

Recibí el siguiente error cuando ejecuté mi proyecto en el navegador:

Error al compilar:

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

Estoy intentando implementar el componente Autocompletar (del ejemplo en la sección "Valores múltiples").

Aquí está el código que estoy 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"
          />
        )}
      />

Intenté instalar SVG Icons por NPM:

npm install @material-ui/icons

Y luego importarlos a mi TypeScript:

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

Pero todavía tengo el error anterior. ¿Cómo puedo resolver este problema?

reactjs typescript material-ui

— yasserpulido
fuente

23

¿Puedes intentar actualizar @material-ui/coreejecutando

npm update

— iamhuynq
fuente

Actualicé el npm y obtuve la versión @ material-ui / core @ 4.9.9 y ahora no tengo el error. ¿Cómo sabías que ese era el problema?

— yasserpulido

He actualizado a @ material-ui / core @ 4.9.9 y sigo recibiendo el error por favor ayuda

— Salah Eddine Makdour

3

Como se describe en el CHANGELOG del proyecto Material-UI de la última versión (que es v4.9.9 el momento en que escribo esta respuesta), hay un cambio relacionado concreateSvgIcon

La conversación completa del equipo se puede encontrar aquí .

Cuando me encontré con el problema?

Al ejecutar un proyecto React y quería usar el componente Autocompletar de @material-ui/lab.

¿Cómo lo resolví?

He actualizado @material-ui/corepaquete a v4.9.9 usando este comando:

yarn upgrade @material-ui/core --latest

— Ala Eddine JEBALI
fuente