【问题标题】:IO icons from "react icons" not importing“反应图标”中的 IO 图标未导入
【发布时间】:2021-09-22 21:20:30
【问题描述】:

我已经使用 npm 正确安装了 react-icons 模块,并且一切正常。我可以在没有任何错误的情况下导入图标,但遗憾的是,每当我尝试使用Io 导入图标之前,它就像

  • IoSettingsSharp
  • IoSettings 大纲 等等。

    简单地说:

    import { IoSettingsOutline } from 'react-icons/io'
    class Home extends Component{
        render(){
            return (
                <div className="app">
                    <Link to='/settings'>
                    <IoSettingsOutline className="settings-icon"/>
                    </Link>
                </div>
           )
        }
    };
    

    我得到错误:

    ./src/Home.js 尝试导入错误:“IoSettingsOutline”未从“react-icons/io”导出。

    有趣的是,我已经像这样导入了所有其他图标,切换了'react-icons/io'的名称和结尾

    发生了什么,我该如何解决?

  • 【问题讨论】:

    • 有不同的Ioniconsversions。您要么想从io(即Ionicons v4)或io5 导入。单击提供的链接以查看每个版本支持哪些图标。在您的情况下,IoSettingsOutline 来自 io5
    • 好吧,有道理!

    标签: javascript html reactjs importerror react-icons


    【解决方案1】:

    正如@Matt Carlotta 所说:“有不同的 Ionicons Ionicons v4 io5”

    尝试:

    import { IoSettingsOutline } from 'react-icons/io5'
    

    【讨论】:

      猜你喜欢
      • 2021-02-04
      • 2022-11-10
      • 1970-01-01
      • 1970-01-01
      • 2017-09-15
      • 1970-01-01
      • 2018-11-02
      • 1970-01-01
      • 2019-09-27
      相关资源
      最近更新 更多