logo标签列表

Laravel 8 - GET http://localhost:8000/css/app.css net::ERR_ABORTED 404 (Not Found)

laravel
4

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

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

我使用了一个blade页面。

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

我尝试使用php artisan serve和php -S localhost:8000 -t public，但两者都无法正常工作。

我的代码是： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>登录</title> </head> <link href="{{ asset('css/app.css') }}" rel="stylesheet">
<body> <section id="conteudo-view" class=login> <h1>登录</h1> {!! Form::open(['route' => 'user.login', 'method' => 'post']) !!} <p>访问系统</p>
<label> </label> <label> </label>
{!! Form::close() !!} </section> </body></html> - Paulo Fonseca
css/app.css 放在哪里？ - Vladimir Gonchar
C:\xampp\htdocs\project\resources\css - Paulo Fonseca
1
CSS和JS文件必须放在公共文件夹中。 - dılo sürücü
1
你是否实际编译了你的资产？是通过npm run dev还是npm run watch命令进行的？参见手册。 - brombeer
它可以工作。我将app.css复制到public文件夹中。非常感谢@dılosürücü。 - Paulo Fonseca
4个回答
7

在将您的项目部署至服务器之前，请先编译Laravel Mix。

npm install

然后运行

npm run dev

你出现这个错误是因为app.css还没有编译

0
请确保您首先正确编译 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。这将编译您的app.css文件并生成在public/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('')}}命令看到。

-1

使用这个，百分百有效

运行此命令

npm i vue-loader

然后运行

npm run dev

你会得到你的解决方案。

-1

这是安装的步骤：

composer require laravel/ui --dev

php artisan ui bootstrap

php artisan ui bootstrap --auth

npm install

npm run dev

如果在此步骤中出现错误，您可以尝试以下操作：

npm run prod 或 npm run production

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接