FontAwesomeIcon React组件不接受图标属性



由于React的Font Awesome库,我无法构建我的React项目。

到目前为止,我一直使用<FontAwesomeIcon icon={faPowerOff} />语法的图标,但在尝试在Github上实现自动构建和部署后,我得到了以下错误:

Type 'IconDefinition' is not assignable to type 'IconProp'.
Type 'IconDefinition' is not assignable to type 'IconLookup'.
Types of property 'iconName' are incompatible.

图标确实使用此语法和错误进行渲染,这很奇怪。

使用<FontAwesomeIcon icon={"power-off"} />语法,我不再得到错误,但图标本身根本不会渲染。

我从项目开始就使用的版本:

├── @fortawesome/fontawesome-svg-core@1.3.0
├── @fortawesome/free-solid-svg-icons@5.15.4 
├── @fortawesome/react-fontawesome@0.1.17

有人知道怎么解决这个问题吗?

怪异的行为。

在他们的网站上,他们在React中使用这样的图标:

<FontAwesomeIcon icon="fa-solid fa-1" />

但它对我不起作用。


这也不适用于更新的npm包版本:

<FontAwesomeIcon icon={"fa-1"} />

现在我使用这个,它工作得很好:

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { fa1 } from '@fortawesome/free-solid-svg-icons/fa1';
<FontAwesomeIcon icon={fa1} />

我使用的版本:

"@fortawesome/fontawesome-svg-core": "^6.2.1",
"@fortawesome/free-regular-svg-icons": "^6.2.1",
"@fortawesome/free-solid-svg-icons": "^6.2.1",
"@fortawesome/react-fontawesome": "^0.2.0",

我通过将fontawesome-svg-corereact-fontawesome包降级到以下版本来解决这个问题:

├── @fortawesome/fontawesome-svg-core@1.2.36
├── @fortawesome/react-fontawesome@0.1.16

最新更新