Laravel 8 - GET http://localhost:8000/css/app.css net::ERR_ABORTED 404（未找到）答案

【问题标题】：Laravel 8 - GET http://localhost:8000/css/app.css net::ERR_ABORTED 404 (Not Found)Laravel 8 - GET http://localhost:8000/css/app.css net::ERR_ABORTED 404（未找到）
【发布时间】：2021-02-27 02:52:44
【问题描述】：

我无法在我的应用程序中使用app.css。每次服务器返回以下错误

GET http://localhost:8000/css/app.css net::ERR_ABORTED 404（未找到）。

我使用刀片页面。

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

我尝试使用php artisan serve 和php -S localhost:8000 -t public，但展位不起作用。

【问题讨论】：

我的代码是：登录
登录
{!! Form::open(['route' => 'user.login', 'method' => 'post']) !!}
访问系统
标签> {！！ Form::close() !!}
css/app.css 放在哪里？
C:\xampp\htdocs\project\resources\css
css 和 js 文件必须在 public 文件夹中...
你真的编译了你的资产吗？ npm run dev 还是 npm run watch？ The manual

标签： laravel laravel-8

【解决方案1】：

在服务器上运行你的项目之前试试这个，确保编译 laravel-mix

npm install

然后运行

npm run dev

您面临错误，因为 app.css 尚未编译

【讨论】：

【解决方案2】：

确保首先在 resources/css/app.css 中正确编译 css 导入。它应该看起来像这样：

// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');

// Bootstrap
@import 'bootstrap';

// Font Awesome
@import '@fortawesome/fontawesome-free';

然后，在您的终端上运行：npm run dev。这将反过来在您的public/css 中编译您的app.css。如果您正在制作自定义 css 定义，我建议使用 custom.css 并将其放在您的 public/css 文件夹中，并将其定义在您的 app.css 下方，例如：

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

资产必须始终位于public 文件夹中，以便{{asset ('') }} 命令可以看到它们。

【讨论】：

【解决方案3】：

100% 使用它

运行这个命令

npm i vue-loader

然后运行

npm run dev

你会得到你的解决方案。

【讨论】：

登录