在Material UI中使用Component Lab>自动完成功能对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"
          />
        )}
      />

我试图通过NPM安装SVG图标：

npm install @material-ui/icons

然后将它们导入到我的TypeScript中：

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

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

reactjs typescript material-ui

— 亚瑟普利多
source

23

您可以尝试@material-ui/core通过运行来更新吗

npm update

— 雅姆亨克
source

我更新了npm，并得到了@ material-ui / core @ 4.9.9版本，现在没有错误了。您怎么知道这是问题所在？

— yasserpulido

我已经更新到@材料的UI /核心@ 4.9.9，仍然得到错误plz帮助

— 萨拉赫·巴哈丁Makdour

3

如最新版本的Material-UI项目CHANGELOG中所述（我编写此答案的时间为v4.9.9），存在与createSvgIcon

团队的完整对话可以在这里找到。

我何时遇到问题？

运行React项目时，我想使用中的Autocomplete组件@material-ui/lab。

我怎么解决的？

我@material-ui/core使用以下命令将软件包升级到v4.9.9：

yarn upgrade @material-ui/core --latest

— 阿拉·埃丁·杰巴里
source