Font awesome npm 不工作(字体给出 404)

Font awesome npm not working (fonts give a 404)

我有一个 laravel 版本。我在我的 scss 文件中通过 font awesome 包含了字体。

我的依赖项中有这些字体:

  "dependencies": {
    "@fortawesome/fontawesome-free": "^5.15.3",
    "@fortawesome/fontawesome-pro": "^5.15.3",
// Font Awesome
@import '~@fortawesome/fontawesome-pro/scss/fontawesome';
@import '~@fortawesome/fontawesome-pro/scss/brands';
@import '~@fortawesome/fontawesome-pro/scss/light';
@import '~@fortawesome/fontawesome-pro/scss/regular';
@import '~@fortawesome/fontawesome-pro/scss/solid';

但是在 webpack 编译之后,它在字体文件上给出了 404。

修复此问题:

mix.copy(
    'node_modules/@fortawesome/fontawesome-pro/webfonts',
    'public/webfonts'
);