小编yas*_*ido的帖子

使用组件实验室 > 自动完成功能在 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'.
Run Code Online (Sandbox Code Playgroud)

我正在尝试实现自动完成组件(来自“多个值”部分中的示例)。

这是我正在使用的代码:

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"
          />
        )}
      />
Run Code Online (Sandbox Code Playgroud)

我尝试通过 NPM 安装 SVG Icons:

npm install @material-ui/icons
Run Code Online (Sandbox Code Playgroud)

然后将它们导入我的 TypeScript:

import createSvgIcon from '@material-ui/icons/utils/createSvgIcon';
Run Code Online (Sandbox Code Playgroud)

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

typescript reactjs material-ui

11
推荐指数
1
解决办法
3855
查看次数

标签 统计

material-ui ×1

reactjs ×1

typescript ×1