编译Font Awesome 6.3.0相关Less文件报错，寻求解决方案

错误根源 #

1. CSS语法违规：代码中!important的放置位置错误，正确的CSS语法要求!important必须紧跟在属性值之后，而非单独作为一条语句。原代码里content: @value; !important;的写法会触发解析失败。
2. Less版本不兼容：Font Awesome 6.x使用的each函数语法，需要较新版本的Less编译器支持。你当前使用的org.lesscss库版本可能过低，无法识别该语法。

修复步骤 #

• 修正语法错误：打开awesome-icons.less文件，修改第9行代码为：

  .@{fa-css-prefix}-@{key}::before { content: @value !important; }
  

• 升级Less编译器：将项目中依赖的org.lesscss库版本升级到支持Font Awesome 6.x的版本（建议使用最新稳定版，至少需兼容Less 3.9.0及以上特性）。
• 替代方案：使用预编译CSS：若编译问题仍无法解决，可直接下载Font Awesome 6.3.0的预编译CSS文件，替换项目中的Less引用，绕过Less编译环节。

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