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?

yasserpulido
fuente

Respuestas:

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

ingrese la descripción de la imagen aquí

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