Ошибка компиляции с использованием Component Lab> Функция автозаполнения для значков SVG в интерфейсе материалов

Я получил следующую ошибку при запуске проекта в браузере:

Не удалось скомпилировать:

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

Я пытаюсь реализовать компонент автозаполнения (из примера в разделе «Несколько значений»).

Вот код, который я использую:

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

Я пытался установить SVG Icons от NPM:

npm install @material-ui/icons

А затем импортировать их в мой TypeScript:

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

Но у меня все еще есть ошибка выше. Как я могу решить эту проблему?

Можете ли вы попробовать обновить @material-ui/core, запустив

npm update

Как описано в проекте Material-UI CHANGELOG последней версии ( когда я пишу этот ответ, v4.9.9 ), есть изменения, связанные сcreateSvgIcon

Полный разговор команды можно найти здесь .

Когда я столкнулся с проблемой?

При запуске проекта React я хотел использовать компонент автозаполнения из @material-ui/lab.

Как я это решил?

Я обновил @material-ui/coreпакет до v4.9.9 с помощью этой команды:

yarn upgrade @material-ui/core --latest