Question

在‘@fortawesome/react-fontawesome’中未找到导出‘默认’（导入为‘FontAwesomeIcon’）（可能的导出：FontAwesomeIcon）

2022-06-13

3481

javascript reactjs svg sass icons

我在 vs code 终端上使用“npm i @fortawesome/react-fontawesome”下载了 fontawesome 图标然后下载了其他免费的 solid 和品牌 svg 图标，例如“npm i @fortawesome/free-brands-svg-icons”；“npm i @fortawesome/free-solid-svg-icons”。然后，当我用这个图标编写代码时，它会显示一个错误（（。

`import './index.scss' import { Link, NavLink } from 'react-router-dom' import FontAwesomeIcon from '@fortawesome/react-fontawesome' import { faHome } from '@fortawesome/free-solid-svg-icons'

const SideBar = () => {

    <nav>
        <NavLink exact="true" activeclassname="active" to="/">
            <FontAwesomeIcon icon={faHome} color="#4d4" />
        </NavLink>
    </nav>
</div>

>

export default SideBar `

Answer 1

FontAwesomeIcon 默认不导出。你可以用括号将其导入。

import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";