Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/docker/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过npm获取错误的字体图标_Javascript_Reactjs_Npm_Font Awesome - Fatal编程技术网

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+图标: