Під час запуску свого проекту в браузері я отримав таку помилку:
Не вдалося компілювати:
./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';
Але я все ще маю помилку вище. Як я можу вирішити цю проблему?