“react icon”中的 IO 图标未导入

Bud*_*Bob 5 html javascript importerror reactjs react-icons

我已经使用 npm 正确安装了 React-icons 模块,并且一切正常。我可以毫无错误地导入图标,但遗憾的是每当我尝试在它Io之前导入图标时

  • Io设置Sharp
  • IoSettingsOutline 等

    只是喜欢:

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

    我收到错误:

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

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

    发生了什么事以及如何解决这个问题?

  • 小智 8

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

    尝试:

    import { IoSettingsOutline } from 'react-icons/io5'
    
    Run Code Online (Sandbox Code Playgroud)