错误和错误

Question

请帮帮忙。npm run dev给我一个错误

ERROR in ./resources/sass/fontawesome_app.scss (./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/src??postcss0!./node_modules/resolve-url-loader??ref--5-4!./node_modules/sass-loader/dist/cjs.js??ref--5-5!./resources/sass/fontawesome_app.scss)
Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: Failed to find '~@fortawesome/fontawesome-free/css/all.css'
  in [
    /var/www/html/resources/sass
  ]
    at /var/www/html/node_modules/postcss-import/lib/resolve-id.js:35:13
 @ ./resources/sass/fontawesome_app.scss 2:14-265

我有一个新的带有auth和vue的laravel安装。首先，我安装了顺风；

composer require laravel-frontend-presets/tailwindcss --dev
artisan ui tailwindcss --auth
npm install
npm run dev

顺风从laravel项目中删除了一些东西，所以现在我尝试让fontawesome再次工作。(在安装tailwindcss之前，我已经让它工作了)

npm install --save @fortawesome/fontawesome-free

在webpack.mix.js中我添加了

.sass('resources/sass/fontawesome_app.scss', 'public/css')

我创建了文件resources/sass/fontaweseapp.scss；

// Fonts
@import '~@fortawesome/fontawesome-free/css/all.css';

在我的welcome.blade.php头上；

<!-- Styles -->
<link href="{{ mix('css/app.css') }}" rel="stylesheet">
<link href="{{ mix('css/fontawesome_app.css') }}" rel="stylesheet">

我编译所有的代码都是通过运行；

npm install && npm run dev

现在我得到了这个错误。我这样命名css，这样它就不会与webpack创建的线条顺风相冲突。

请帮帮忙！

Answer 1

我将resources/sass/fontaweseapp.scss改为这样，它不再给我任何错误；

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