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

Question

I can't use the app.css in my application. Every time the server returns following error

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

I use a blade page.

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

I tried to use php artisan serve and php -S localhost:8000 -t public and the booth didn't work.

My code is: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Login</title> </head> <link href="{{ asset('css/app.css') }}" rel="stylesheet"> <body> <section id="conteudo-view" class=login> <h1>Login</h1> {!! Form::open(['route' => 'user.login', 'method' => 'post']) !!} <p>Acesse o Sistema</p> <label> </label> <label> </label> {!! Form::close() !!} </section> </body> </html> — Paulo Fonseca
– Paulo Fonseca, Commented Nov 15, 2020 at 19:44
Did you actually compile your assets? npm run dev or npm run watch? The manual — user8034901
– user8034901, Commented Nov 15, 2020 at 19:48

tameemahmad shahzad · Accepted Answer · 2020-11-16 13:06:45Z

7

try this before running your project on server make sure to compile laravel-mix

npm install

and then run

npm run dev

your facing the error because app.css not compiled yet

answered Nov 16, 2020 at 13:06

tameemahmad shahzad

5773 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ivan Cristobal · Accepted Answer · 2020-11-16 03:34:29Z

Make sure you compile your css imports properly in resources/css/app.css first. It should look something like this:

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

// Bootstrap
@import 'bootstrap';

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

Then, run this on your terminal: npm run dev. This will in turn, compile your app.css in your public/css. If you are making custom css definitions, i suggest using a custom.css and putting it in your public/css folder, and define it BELOW your app.css, like:

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

Assets must always be in the public folder so they can be seen by the {{asset ('') }} command.

Rakesh kumar Oad · Accepted Answer · 2021-09-02 09:59:18Z

-1

Use this worked 100%

run this command

npm i vue-loader

then run

npm run dev

you will get your solution .

answered Sep 2, 2021 at 9:59

Rakesh kumar Oad

1,3641 gold badge15 silver badges24 bronze badges

Comments

Marvel C · Accepted Answer · 2022-03-14 11:29:28Z

-1

This the step for installing:

composer require laravel/ui --dev

php artisan ui bootstrap

php artisan ui bootstrap --auth

npm install

npm run dev

If you get an error at this step you can try this:

npm run prod or npm run production

edited Mar 14, 2022 at 11:29

user12035742

answered Mar 13, 2022 at 15:13

Marvel C

11 bronze badge

Collectives™ on Stack Overflow

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

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related