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

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

11 голосов
/ 05 апреля 2020

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

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

./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 с помощью NPM: 

npm install @material-ui/icons

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

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

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

Ответы [ 2 ]

23 голосов
/ 05 апреля 2020

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

npm update
3 голосов
/ 09 апреля 2020

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

enter image description here

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

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

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

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

Я обновил пакет @material-ui/core до v4.9.9, используя эту команду:

yarn upgrade @material-ui/core --latest

...