npm install后运行Angular项目报font-awesome模块未找到错误如何解决

webpack编译时找不到指定的font-awesome样式文件，你当前项目的运行根目录为E:\subha jha\subha useful\slfr\lokfr-repo，但样式配置中font-awesome的路径写为../node_modules/font-awesome/css/font-awesome.css，路径往上跳转了一级，导致工具去上层目录E:\subha jha\subha useful\slfr\下的node_modules查找文件，和实际文件存放位置不匹配。

• 第一步：修改angular.json样式配置
  打开项目根目录下的angular.json，定位到projects -> 你的项目名 -> architect -> build -> options -> styles数组，找到font-awesome对应的引入路径：
  • 如果font-awesome依赖安装在当前项目的node_modules下，将路径改为./node_modules/font-awesome/css/font-awesome.css
  • 如果你使用的是Angular多项目工作区，font-awesome安装在工作区根目录的node_modules下，确认当前子项目文件夹确实直接放在工作区根目录下，层级和路径对应即可。
• 第二步：确认依赖已正常安装
  在项目根目录执行命令npm list font-awesome，如果输出为空或者报错，说明该依赖未安装，执行npm install font-awesome --save完成安装。
• 第三步：清理缓存重试
  完成配置修改后如果依然报错，手动删除项目根目录下的node_modules文件夹和package-lock.json文件，重新执行npm install后再启动项目即可。

如果你后续升级使用Font Awesome 6及以上版本，官方包名已更改为@fortawesome/fontawesome-free，对应的样式路径需要修改为./node_modules/@fortawesome/fontawesome-free/css/all.min.css，不能继续使用旧包的路径规则

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