Laravel-Mix Font-awesome 无法使用 npm 正确安装

Question

我已经使用 npm 安装了 font-awesome 并使用以下命令：

npm install font-awesome --save

然后我在app.scss 中添加以下行

@import "~font-awesome/scss/font-awesome";

然后我运行npm run watch

我已经手动检查了 node_modules 目录中的 font-awesome 文件夹。 但是在我的网页图标未显示并且在控制台中我看到了以下错误

获取 http://localhost/fonts/vendor/font-awesome/fontawesome-webfont.woff2?af7ae505a9eed503f8b8e6982036873e 净::ERR_ABORTED GET

我该如何解决这个问题？

Answer 1

由于您使用的是 Laravel，您需要在resources/asset/sass/_variables.scss 中写入以下行：

$fa-font-path: "~font-awesome/fonts/";

现在在你的resources/assets/sass/app.scss，写：

@import "~font-awesome/scss/font-awesome";