如何从Angular项目中彻底移除angular-fontawesome？

我通过ng add @fortawesome/angular-fontawesome@6安装了Angular FontAwesome，现在想切换到Font Awesome的SCSS版本，需要完全移除Angular FontAwesome及相关图标。已经执行过以下卸载命令：

• npm uninstall @fortawesome/fontawesome
• npm uninstall @fortawesome/fontawesome6
• npm uninstall @fortawesome/angular-fontawesome

但package-lock.json里仍残留这些依赖：

"@fortawesome/fontawesome-svg-core": "^6.2.1",
"@fortawesome/free-brands-svg-icons": "^6.2.1",
"@fortawesome/free-regular-svg-icons": "^6.2.1",
"@fortawesome/free-solid-svg-icons": "^6.2.1",

解决方法 #

1. 直接卸载残留的依赖包
   依次执行以下命令：

npm uninstall @fortawesome/fontawesome-svg-core
npm uninstall @fortawesome/free-brands-svg-icons
npm uninstall @fortawesome/free-regular-svg-icons
npm uninstall @fortawesome/free-solid-svg-icons

2. 清理npm缓存（可选，彻底清除残留缓存）

npm cache clean --force

3. 若仍有残留，重新初始化依赖（可选）

• 删除node_modules文件夹和package-lock.json文件：
  • macOS/Linux：rm -rf node_modules package-lock.json
  • Windows：rmdir /s /q node_modules && del package-lock.json
• 重新安装依赖：

npm install

额外检查 #

别忘了清理项目代码中的相关引用：

• 移除模块中FontAwesomeModule的导入
• 删除组件里的图标引入（比如import { faUser } from '@fortawesome/free-solid-svg-icons'这类代码）
• 移除模板中使用的FontAwesome指令（比如<fa-icon [icon]="faUser"></fa-icon>）

内容的提问来源于stack exchange，提问作者Jer.Hazelnut