为 Mediawiki 项目编译 Awesome 6 Pro 字体时出现问题

Question

我被分配了一个新项目。这是一个 Mediawiki 项目。现在我对 Font Awesome 6 的更新感到有点不知所措。网站上有些图标不显示。我已经在源代码中找到了导致问题的地方。源代码中识别出的代码也太长了，贴不了，我就贴个图吧：

如果我删除这些作为测试，这些图标就可以工作。在我的 main.scss 中：

$fontAwesomeFont:'Font Awesome 6 Pro';
@import 'variables';
@import 'sp-sass/scss/style';

@import 'glyphicons/glyphicons/glyphicons';
@import 'glyphicons/halflings/glyphicons-halflings';
@import 'spicons';

@import 'modules/sidebar';
@import 'wiki';
@import 'modules/content';
@import 'modules/searchForm';

@import 'fontawesome-pro/scss/duotone';
@import 'fontawesome-pro/scss/brands';
@import 'fontawesome-pro/scss/light';
@import 'fontawesome-pro/scss/regular';
@import 'fontawesome-pro/scss/solid';
@import 'fontawesome-pro/scss/v4-shims';
@import 'fontawesome-pro/scss/fontawesome';

我发现这个导入

@import 'fontawesome-pro/scss/fontawesome';

包含代码。但是，如果我删除此导入，其他图标也会消失。我慢慢地不知道问题是什么，我不知道从哪里开始寻找它。 有人可以进一步帮助我吗？

Answer 1

我发现问题了。它是编译器。这打包了3个图标，它们代表特殊字符，例如大括号，就像Css文件中的特殊字符一样。结果，CSS 文件包含不属于该文件的特殊字符。也许这对某人有帮助。