无法导入轮廓的 svg 图标组件材料-ui答案

【问题标题】：Unable to import outlined svg icon component material-ui无法导入轮廓的 svg 图标组件材料-ui
【发布时间】：2018-08-06 07:57:28
【问题描述】：

我正在通过 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' 错误

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

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

【问题讨论】：

'material-ui/svg-icons/action/check_circle-outline' 导入时是下划线吗？如果是这样，用连字符替换
@cdoshi 不，它是一个连字符。我在问题中更改了它

标签： reactjs material-ui google-material-icons

【解决方案1】：

material-ui 没有勾选-圆圈-轮廓图标，因此在导入时会报错。你可以做的是从@material-ui/icons 获取最新的图标，然后导入它们

使用以下命令安装包

npm install @material-ui/icons

然后导入，

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

【讨论】：

【解决方案2】：

试试这个。

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

使用<CheckCircleoutline />

【讨论】：