React+Bootstrap项目使用FontAwesome Pro时报找不到免费图标包错误怎么办

React Bootstrap 本身没有内置任何 FontAwesome 图标包的依赖，也不会主动引用 @fortawesome/free-solid-svg-icons 这个免费图标库。你看到报错栈里的 webpack/bootstrap 是 webpack 内置的模块加载引导代码，和你安装的 Bootstrap 前端框架完全无关，属于命名巧合导致的误解。

问题根源 #

你的 FontAwesome 相关依赖版本严重不兼容：

• @fortawesome/fontawesome-pro 是 5.15.4 稳定版
• @fortawesome/pro-regular-svg-icons 是 6.0.0 测试版
• @fortawesome/fontawesome-svg-core 是 1.2.33 测试版

跨大版本混用正式版和测试版的 FontAwesome 包，会导致内部依赖逻辑混乱，触发对不存在的免费图标包的引用。

解决步骤 #

• 统一所有 FontAwesome 相关包的版本，要么全部使用 5.x 稳定版，要么全部升级到 6.x 稳定版，不要跨版本混用测试版和正式版。
• 执行命令 npm ls @fortawesome/free-solid-svg-icons，可以直接定位到是哪个第三方依赖在引用这个免费图标包，确认是否为不必要的依赖可直接卸载。
• 清理本地依赖缓存：删除项目根目录下的 node_modules 文件夹、package-lock.json 或 yarn.lock 文件，重新执行安装依赖命令。
• 如果定位后发现确实有第三方依赖必须使用免费 FontAwesome 包，直接安装 @fortawesome/free-solid-svg-icons 即可，免费包和 Pro 包可以共存，不会影响你 Pro 授权图标的正常使用。

内容的提问来源于stack exchange，提问作者pachyderm94