Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 无法导入概述的svg图标组件材质ui_Reactjs_Material Ui_Google Material Icons - Fatal编程技术网

Reactjs 无法导入概述的svg图标组件材质ui

Reactjs 无法导入概述的svg图标组件材质ui,reactjs,material-ui,google-material-icons,Reactjs,Material Ui,Google Material Icons,我在react应用程序中使用材质图标。 我想用循环支票 我可以导入并使用图标,如下所示 import CheckCircle from 'material-ui/svg-icons/action/check-circle'; import CheckCircleOutline from '@material/icons/CheckCircleOutline'; 还有另一个名为的图标,我无法通过正常导入行导入该图标 import CheckCircleOutline from 'materia

我在react应用程序中使用材质图标。 我想用循环支票

我可以导入并使用图标,如下所示

import CheckCircle from 'material-ui/svg-icons/action/check-circle';
import CheckCircleOutline from '@material/icons/CheckCircleOutline';
还有另一个名为的图标,我无法通过正常导入行导入该图标

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

它给出了
无法解决“材质ui/svg图标/操作/检查圆轮廓”的错误

我尝试下载图标并按照stackoverflow中的建议进行渲染

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

  <SvgIcon>
    {CheckCircleOutline}
  </SvgIcon>
我还在同一个问题中尝试了乔伊·T的答案。使用
npm安装@material ui安装@material/icons包/icons@2.0.0-beta.1

并导入图标,如下所示

import CheckCircle from 'material-ui/svg-icons/action/check-circle';
import CheckCircleOutline from '@material/icons/CheckCircleOutline';
还是会出错吗

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

我使用的是材质ui v0

材质ui没有复选框轮廓图标,因此导入时会出现错误。您可以从@material ui/图标获取最新图标,然后导入它们

使用以下命令安装软件包

npm install @material-ui/icons
然后导入它

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

材质ui没有检查圆轮廓图标,因此在导入时出错。您可以从@material ui/图标获取最新图标,然后导入它们

使用以下命令安装软件包

npm install @material-ui/icons
然后导入它

import CheckCircleOutline from '@material-ui/icons/CheckCircleOutline';
试试这个

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

试试这个

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

使用

'material-ui/svg icons/action/check\u circle-outline'导入时,这是下划线吗?如果是,则替换为hyphen@cdoshi不,是连字符。。我在问题“material-ui/svg-icons/action/check_-circle-outline”中对其进行了更改,在导入时这是下划线吗?如果是,则替换为hyphen@cdoshi不,是连字符。。我在问题中改了