所以，这可能是我缺乏理解。当我离开这一行时，我遇到了一个错误（见下文）。

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { solid } from '@fortawesome/fontawesome-svg-core/import.macro' <<<<===== THIS LINE IS CAUSING ERROR BELOW

错误是：-
./node_modules/@fortawesome/fontawesome-svg-core/import。404 Not Found Not Found无法解析“C：\Dropbox\Trusted\Modern React BootCamp\12中的“@babel/helper-module-imports”。练习- Yahtzee\node_modules@fortawesome\fontawesome-svg-core'
包裹里。我安装了json：-

{
  "name": "yahtzee",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "^6.2.0",
    "@fortawesome/free-regular-svg-icons": "^6.2.0",
    "@fortawesome/free-solid-svg-icons": "^6.2.0",
    "@fortawesome/react-fontawesome": "^0.2.0",
    "react": "^16.4.1",
    "react-dom": "^16.4.1",
    "react-scripts": "1.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "devDependencies": {
    "enzyme": "^3.8.0",
    "enzyme-adapter-react-16": "^1.7.1",
    "enzyme-to-json": "^3.3.5"
  }
}

只是想让这条线工作。

<FontAwesomeIcon icon={solid('user-secret')} />

因此，我可以在React中重新编写这段代码（如果我慷慨的话，我的react是一个正在进行的工作）。

<FontAwesomeIcon
    className="fa-1x"
    icon={
      val === 1 ? faDice1 :
        val === 2 ? faDice2 :
          val === 3 ? faDice3 :
            val === 4 ? faDice4 :
              val === 5 ? faDice5 :
                val === 6 ? faDice6 :
                  null}
  />;

大致变成这样：-

<FontAwesomeIcon icon={solid(`faDice${val}`)} />

我已经努力了，我真的应该离开它，但它是一个燃烧的痒：）
编辑：所以，安装说明来自FontAwesome。我还在根目录下创建了这两个配置文件。

// Babel-plugin-macros.config.js
module.exports = {
    'fontawesome-svg-core': {
        'license': 'free'
    }
}

和

// babel.config.js
module.exports = function (api) {
    return {
        plugins: ['macros'],
    }
}

我试过密码了

<FontAwesomeIcon icon="fa-solid fa-dice-one" />

然而，它并没有向svg呈现以下行游戏我。

<FontAwesomeIcon icon=faDiceOne />