Помилка компіляції за допомогою функції «Компонентна лабораторія> Автозавершення» для іконок SVG в інтерфейсі матеріалу


11

Під час запуску свого проекту в браузері я отримав таку помилку:

Не вдалося компілювати:

./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';

Але я все ще маю помилку вище. Як я можу вирішити цю проблему?

Відповіді:


23

Чи можете ви спробувати оновити @material-ui/core, запустивши

npm update

Я оновив npm і отримав версію @ material-ui / core @ 4.9.9, і тепер у мене немає помилки. Звідки ти знав, що це проблема?
yasserpulido

я оновив до @ material-ui / core @ 4.9.9 і все ще отримує довідку про помилку
PLU Salah Eddine Makdour

3

Як описано в проекті CHANGELOG останньої версії проекту «Material-UI» (який в v4.9.9, коли я пишу цю відповідь), є зміни, пов’язані зcreateSvgIcon

введіть тут опис зображення

З повною розмовою команди можна ознайомитись тут .

Коли я зіткнувся з проблемою?

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

Як я це вирішив?

Я оновив @material-ui/coreпакет на v4.9.9 за допомогою цієї команди:

yarn upgrade @material-ui/core --latest

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.