来自“反应图标”的 IO 图标未导入

问题描述

我已经使用 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' 的名称和结尾

发生了什么，我该如何解决？

解决方法

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

试试：

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