无法导入 outlined svg 图标组件 material-ui

Question

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

我可以按如下方式导入和使用 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' 错误

我尝试下载图标并按照 WhosebugMarson 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

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 />

无法导入 outlined svg 图标组件 material-ui

Unable to import outlined svg icon component material-ui

reactjs

material-ui

google-material-icons