Reactjs 无法在React中使用字体

跟着。运行后：

$ npm i --save @fortawesome/fontawesome
$ npm i --save @fortawesome/react-fontawesome

以及：

正在尝试（键入脚本）：

从'@fortawesome/react-fontawesome'导入{FontAwesomeIcon}；
从'@fortwome/fontwome-free-solid'导入{faCoffee}；
...

获取：

但是，

@types/@fortawesome/react-fontawesome

是一个错误的名称，并且不存在。他试图在没有运气的情况下击败所有人

---

VisualStudio代码。有什么建议吗？

将

fontawesome

与react一起使用

首先安装上述所有软件包。然后使用如下方法

import React from 'react'

import FontAwesomeIcon from '@fortawesome/react-fontawesome'
import faCoffee from '@fortawesome/fontawesome-free-solid/faCoffee'

class Fonte extends React.Component {
  render () {
    return (
        <FontAwesomeIcon icon={faCoffee}/>
    )
  }
}

export default Fonte;

从“React”导入React
从“@fortaweasome/react fontaweasome”导入Fontaweasome图标
从“@fortwome/fontwome free solid/faCoffee”导入faCoffee
类Fonte扩展了React.Component{
渲染（）{
返回(
)
}
}
导出默认字体；

---

我认为，这个问题是由于从“@fortawesome/react-fontawesome”导入{FontAwesomeIcon}”在代码中使用此选项。

作为一种解决方法，在有typescript支持之前，我们就是这样做的：

declare module '@fortawesome/fontawesome-pro';
declare module '@fortawesome/react-fontawesome';

这被添加到我们的全局ts定义文件中：

global.d.ts

位于src路径内

---

编辑：对我们来说，TS中不需要第二行，也许你的版本太旧了。我们的是

“^0.1.14”

为什么不直接在index.html文件中链接它而不需要npm？因为它为您提供了优化捆绑包的工具-不包括大量您不打算使用的图标。我明白了。感谢您的澄清。请粘贴此库的package.json内容和package.lock解析。我尝试了上面没有typescript的代码，它对我有效

npm i --save @fortawesome/fontawesome
npm i --save @fortawesome/react-fontawesome
npm i --save @fortawesome/fontawesome-free-solid

import React from 'react'

import FontAwesomeIcon from '@fortawesome/react-fontawesome'
import faCoffee from '@fortawesome/fontawesome-free-solid/faCoffee'

class Fonte extends React.Component {
  render () {
    return (
        <FontAwesomeIcon icon={faCoffee}/>
    )
  }
}

export default Fonte;

declare module '@fortawesome/fontawesome-pro';
declare module '@fortawesome/react-fontawesome';