Za darmo na e-mailKurs video Laravel od podstaw

Krok po kroku, opanuj programowanie aplikacji w Laravelu 8 - kompletny kurs video za darmo.

Laravel 8 Jetstream brak css w login i register

odsłon: 2.83K
0
Komentarzy: 0

Cześć, zainstalowałem laravel 8 z jetstreamem, po kliknięciu login lub register strona wczytuje się normalnie, tylko wszystko jest rozjechane i wygląda to tak https://prnt.sc/w31phz

Wszystko robiłem dokładnie tak jak w dokumentacji z oficjalnej strony

odpowiedział na pytanie
Dodaj komentarz
0
Bartosz (gość) 3 Comments

W konsoli “Failed to load resource: the server responded with a status of 404 (Not Found)” app.css:1

Node jest zainstalowany

Kompilacja https://prnt.sc/w34q95

dodał nowy komentarz

To ewidentnie świadczy o tym, że App.css się nie zbudował. Możesz uruchomić polecenie “npm install && npm run dev”?

Właśnie przed chwilą odpalałem, i nawet dołączyłem screena z kompilacji ;/

W screenie widać wyraźnie, że plik app.css został utworzony i znajduje się pod adresem cssapp.css. Czyli plik jest. Możesz sprawdzić, czy w kodzie źródłowym strony do logowania jest ładowany właśnie taki adres?

Dodaj komentarz
0

Cześć Bartosz!

Również przechodziłem ścieżkę z dokumentacji i nie napotkałem tego problemu, o którym piszesz. Problem ewidentnie występuje w dostępności plików CSS, które z jakiegoś powodu nie są wczytywane.

Możesz uruchomić konsolę w przeglądarce i sprawdzić, czy pojawiają się tam jakieś błędy w związku z wczytywanym plikiem CSS?

JetStream korzysta z Tailwinda, który trzeba skompilować poleceniem npm:

npm install && npm run dev

Wykonałeś tę instrukcję z dokumentacji bez błędów? Być może nie masz zainstalowanego noda i to polecenie się wysypało? Przez to mógł nie zbudować plików wynikowych .css.

Najłatwiej będzie podejrzeć w konsoli, co mogłoby nie działać.

odpowiedział na pytanie
Dodaj komentarz
Wpisz swoją odpowiedź.
Ominiesz taką okazję?Kurs video podstaw Laravela za darmo

Gorąco polecam, naprawdę warto skorzystać! To nic nie kosztuje. Krok po kroku, opanuj programowanie we frameworku Laravel za darmo - kurs video prosto na Twój e-mail.