Javascript 通过npm获取错误的字体图标
我正在尝试升级我的字体图标。目前,Javascript 通过npm获取错误的字体图标,javascript,reactjs,npm,font-awesome,Javascript,Reactjs,Npm,Font Awesome,我正在尝试升级我的字体图标。目前,BellIcon组件返回这个,正如我希望它返回的那样。我做错了什么?如何导入正确的图标?谢谢 组件: import React from 'react'; import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'; import {faBell} from '@fortawesome/pro-solid-svg-icons'; const BellIcon = () => { ret
BellIcon
组件返回这个,正如我希望它返回的那样。我做错了什么?如何导入正确的图标?谢谢
组件:
import React from 'react';
import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import {faBell} from '@fortawesome/pro-solid-svg-icons';
const BellIcon = () => {
return (
<FontAwesomeIcon icon={faBell} />
);
};
export default BellIcon;
{
"name": "app",
"devDependencies": {
"@fortawesome/fontawesome-pro": "^5.2.0",
...
},
"dependencies": {
"@fortawesome/fontawesome": "^1.1.8",
"@fortawesome/fontawesome-svg-core": "^1.2.0-14",
"@fortawesome/free-brands-svg-icons": "^5.1.0-11",
"@fortawesome/free-regular-svg-icons": "^5.1.0-11",
"@fortawesome/free-solid-svg-icons": "^5.1.0-11",
"@fortawesome/pro-light-svg-icons": "^5.1.0-11",
"@fortawesome/pro-regular-svg-icons": "^5.1.0-11",
"@fortawesome/pro-solid-svg-icons": "^5.1.0-11",
"@fortawesome/react-fontawesome": "0.1.0-11",
...
},
}
看起来您想要的图标来自
v4.7.0
。你试过包含那个版本吗?@sliptype,我该怎么做?我是否只是降级了一个依赖项?如果我想让我的依赖关系仍然依赖于font awesome 5+,那该怎么办?您可以只降级包含该图标的依赖关系。我想它可能是@fortwomesome/free实心svg图标
。尝试npm安装@fortwome/free solid svg-icons@4.7.0
谢谢@sliptype,但看起来fortawesome is只支持字体awesome 5+图标: