Font真棒Pro图标在React中不起作用

Question

我的项目中安装了字体很棒的专业版，但专业版图标没有显示在我的项目上。免费版本运行良好。

import React from 'react';
import ProfileCard from './ProfileCard';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCalendar } from '@fortawesome/free-solid-svg-icons';
const MeetingStart = () => {
return (
<div className="mt-2 p-4">
<h4>Group Name</h4>
<div className="row d-flex justify-content-between">
<h2>Welcome</h2>
<div className="meeting-date row mr-2">
<FontAwesomeIcon icon={faCalendar} />
<FontAwesomeIcon icon="fa-regular fa-memo" />
<p>{new Date().toDateString().slice(0, 10)}</p>
</div>
</div>
</div>
);
};
export default MeetingStart;

在这个例子中，faCalendar是有效的，但fa memo不起作用。我试着重新安装软件包，但似乎没有任何改变。

文档链接：https://fontawesome.com/docs/web/use-with/react/

Answer 1

您是否已检查是否已为专业版安装了所有依赖项？

FONTAWESOME_NPM_AUTH_TOKEN=FONT-AWESOME-PACKAGE-TOKEN npm install --save @fortawesome/fontawesome-pro
npm i --save @fortawesome/pro-solid-svg-icons
npm i --save @fortawesome/pro-regular-svg-icons
npm i --save @fortawesome/pro-light-svg-icons
npm i --save @fortawesome/pro-thin-svg-icons
npm i --save @fortawesome/pro-duotone-svg-icons
npm i --save @fortawesome/react-fontawesome@latest

Answer 2

这是由字体真棒pro 的无效令牌引起的