Angular 15.1.4中Bootstrap与Font-Awesome安装后无法使用求助

• 包版本与类名问题
  你安装的font-awesome是旧版包，现在Font Awesome v5+官方已改用@fortawesome/fontawesome-free包，且品牌类图标（比如Facebook）的类前缀从fa改成了fab。
  操作步骤：

  1. 卸载旧包：npm uninstall font-awesome
  2. 安装新版免费包：npm install --save @fortawesome/fontawesome-free

• angular.json配置错误
  你的配置存在两个问题：一是Font Awesome的路径不符合新版包结构，二是scripts数组缺少闭合的]，修正后的配置如下：

  "styles": [
    "node_modules/bootstrap/dist/css/bootstrap.min.css",
    "node_modules/@fortawesome/fontawesome-free/css/all.min.css",
    "src/styles.css"
  ],
  "scripts": [
    "node_modules/bootstrap/dist/js/bootstrap.min.js"
  ]
  

• 图标类名修正
  将<i class="fa fa-facebook"></i>替换为<i class="fab fa-facebook"></i>，品牌图标必须使用fab前缀，常规功能图标则用fas前缀。

• 重启开发服务器
  修改angular.json后必须重启ng serve，否则新配置不会生效。

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