字体真棒图标呈现为空方块

Question

这里就像我将 font-awesome 导入我的 main.scss

$fa-font-path: '~@fortawesome/fontawesome-free/webfonts';

@import '~@fortawesome/fontawesome-free/scss/fontawesome';

@import '~@fortawesome/fontawesome-free/scss/regular'; 

我使用了 webpack，一切都可能正确构建，但由于某种原因，图标没有呈现。

编辑 1：

在我实现解决方案后，图标开始渲染，但仅在我启动 webpack-dev-server 时才开始渲染

但是如果我构建 dist 文件夹，图标仍然不会呈现

控制台中的错误：

我猜我的webpack.config.js 出了点问题，因为在构建过程之后我的dist 中有/fonts 文件夹

Answer 1

解决方案是您需要将所有这些 .scss 导入

$fa-font-path: '~@fortawesome/fontawesome-free/webfonts'; 
@import '~@fortawesome/fontawesome-free/scss/fontawesome'; 
@import '~@fortawesome/fontawesome-free/scss/solid'; 
@import '~@fortawesome/fontawesome-free/scss/regular'; 
@import '~@fortawesome/fontawesome-free/scss/brands';