由于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-core
和react-fontawesome
包降级到以下版本来解决这个问题:
├── @fortawesome/fontawesome-svg-core@1.2.36
├── @fortawesome/react-fontawesome@0.1.16