我试图在我的react项目中使用Font Awesome Icons（使用vite），但我的控制台向我抛出这个错误：未捕获引用错误：字体AwesomeIcon未定义x1c 0d1x

import React from "react";
function Skills() {
  return (
    <>
      <section className="skills">
        <div className="card">
          <div className="content">
            <FontAwesomeIcon icon="fa-brands fa-html5" />
          </div>
        </div>
      </section>
    </>
  );
}

export default Skills;

我从font awesome获得了工具包代码，并将其粘贴到我的index.html中，位于main.js下面。
我试图使用字体真棒图标，但它没有工作，我尝试使用导入导入它（从另一个stackoverflow建议。）所以我删除了导入字体！但我无法让它工作...请帮助。