Laravel 8和Font Awesome

Question

我刚刚尝试按照以下步骤将Font Awesome安装到Laravel8的全新安装中：https://stackoverflow.com/a/65812099/9145193

但是我得到了这些错误：

​

​

我如何解决这些问题呢？谢谢!

Answer 1

假设您将FontAwesome资源文件放在公共目录中

path:-project_root_director/public/fontawesome/css/all.css

然后你想要像下面这样写

<link rel="stylesheet" href="{{ asset('/fontawesome/css/all.css') }}">

Answer 2

我的app.scss文件如下所示

// Bootstrap
@import '~bootstrap/scss/bootstrap';
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

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

webpack.mix.js

let mix = require('laravel-mix');

require('laravel-mix-tailwind');
require('laravel-mix-purgecss');

mix.js('resources/js/app.js', 'public/js').version()
  .sass('resources/sass/app.scss', 'public/css').version()
    .copy(
        'node_modules/@fortawesome/fontawesome-free/webfonts',
        'public/webfonts'
    )
   .purgeCss()
  .tailwind('tailwind.config.js').version();

和刀片式服务器

<link rel="stylesheet" href="{{mix('/css/app.css')}}">
<script defer src="{{mix('js/app.js')}}"></script>

运行yarn dev并完成