Question

我在React应用程序中使用材质图标。我想使用循环检查。

我可以按如下所示导入和使用check_circle图标

import CheckCircle from 'material-ui/svg-icons/action/check-circle';

还有一个名为circle_check_outline的图标，我无法通过常规导入行导入

import CheckCircleOutline from 'material-ui/svg-icons/action/check-circle-outline';

出现Can't resolve 'material-ui/svg-icons/action/check-circle-outline'错误

我尝试下载图标并按照Marson Mao's answer to a similar question在stackoverflow中的建议进行渲染

import SvgIcon from 'material-ui/SvgIcon';
import CheckCircleOutline from '../../assets/check-circle-outline.svg';

  <SvgIcon>
    {CheckCircleOutline}
  </SvgIcon>

然后我遇到了以下错误

Uncaught TypeError: Cannot read property 'svgIcon' of undefined
    at SvgIcon.render

我也在同一问题中尝试了Joey T的答案。使用npm install @material-ui/icons@2.0.0-beta.1

安装了@ material / icons软件包

并按如下所示导入图标

import CheckCircleOutline from '@material/icons/CheckCircleOutline';

仍然出现错误

Can't resolve '@material/icons/CheckCircleOutline'

我正在使用material-ui v0

Answer 1

material-ui没有check-circle-outline图标，因此在导入时会出现错误。您可以做的就是从@ material-ui / icons获取最新的图标，然后导入

使用以下命令安装软件包

npm install @material-ui/icons

然后将其导入

import CheckCircleOutline from '@material-ui/icons/CheckCircleOutline';

Answer 2

尝试一下。

import CheckCircleoutline from '@material-ui/icons/CheckCircleOutline';

使用<CheckCircleoutline />

无法导入概述的SVG图标组件Material-UI

2 个答案: