Reactjs 如何修复'；库未定义'；我的react应用程序中出现错误

在我的react应用程序中，我得到的“库”未定义无未定义错误。我正在尝试在我的应用程序中添加令人敬畏的字体。我已经为此编写了一些代码：

错误：

未能编译

./src/sections/header/header.js

第11行：“库”未定义无未定义

搜索关键字以了解有关每个错误的更多信息

header.js代码

---

您可以添加库导入，因为其他组件无法全局访问导入

import React, { Component } from "react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faGoogle,
   faFacebook,
   faTwitter,
   fainstagram
 } from '@fortawesome/free-brands-svg-icons';

 library.add(
   faGoogle,
   faFacebook,
   faTwitter,
   fainstagram
 );
 class Header extends Component {
   render() {
    return (

   <div className="social-icons">
     <ul>
        <li><a href="javascript:void(0)" className="facebook"><FontAwesomeIcon icon="fafacebook" /></a></li>
        <li><a href="javascript:void(0)" className="twitter"><FontAwesomeIcon icon="fatwitter" /></a></li>
       <li><a href="javascript:void(0)" className="instagram"><FontAwesomeIcon icon="fainstagram" /></a></li>
      </ul>
    </div>
   )
  }
 }

import React，{Component}来自“React”；
从“@fortawesome/react fontawesome”导入{FontAwesomeIcon}”；
从“@fortawesome/fontawesome svg核心”导入{library}
进口{
faGoogle，
faFacebook，
胖子，
fainstagram
}来自“@fortwome/free brands svg icons”；
library.add(
faGoogle，
faFacebook，
胖子，
fainstagram
);
类头扩展组件{
render（）{
返回(





)
}
}

我已经按照您的指导添加了库。我发现新错误：./src/App.js未找到模块：无法解析“@fortwome/free brands svg icons”@fortwome/free brands svg icons”您是否可以验证此节点模块已正确安装我已尝试重新安装fontwome模块。但是我发现了这个错误：@typescript eslint/eslint-plugin@1.6.0需要typescript@*的对等方，但未安装任何对等方。您必须自己安装对等依赖项。npm WARN@typescript eslint/parser@1.6.0需要typescript@*的对等方，但未安装任何对等方。您必须自己安装对等依赖项。是否全局安装了typescript？谢谢。Fontawesome为fas图标工作。但fab和far图标仍无法渲染

 import React from 'react';
 import logo from './logo.svg';
 import './App.css';
 import bootstrap from 'reactstrap';

 import { library } from '@fortawesome/fontawesome-svg-core'
 import { fab } from '@fortawesome/free-brands-svg-icons' 
 library.add(fab);

import React, { Component } from "react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faGoogle,
   faFacebook,
   faTwitter,
   fainstagram
 } from '@fortawesome/free-brands-svg-icons';

 library.add(
   faGoogle,
   faFacebook,
   faTwitter,
   fainstagram
 );
 class Header extends Component {
   render() {
    return (

   <div className="social-icons">
     <ul>
        <li><a href="javascript:void(0)" className="facebook"><FontAwesomeIcon icon="fafacebook" /></a></li>
        <li><a href="javascript:void(0)" className="twitter"><FontAwesomeIcon icon="fatwitter" /></a></li>
       <li><a href="javascript:void(0)" className="instagram"><FontAwesomeIcon icon="fainstagram" /></a></li>
      </ul>
    </div>
   )
  }
 }