IT技术 - 使用组件实验室 > 自动完成功能在 Material UI 中为 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"
          />
        )}
      />

我尝试通过 NPM 安装 SVG Icons：

npm install @material-ui/icons

然后将它们导入我的 TypeScript：

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

但我仍然有上面的错误。我该如何解决这个问题？