CSS не загружается в Laravel 8 + Jetstream на XAMPP

Question

Я изучаю Laravel и использую Laravel 8 и Jetstream. При тестировании приложения на XAMPP CSS не загружается на страницах входа / регистрации. Ссылка css указывает на местоположение localhost / app / css. Он отлично работает, если я использую команду, но не работает на XAMPP. Как исправить указатель css, чтобы он работал как с php artisan serve как и XAMPP?

Answer 1

в public \ mix-manifest.json измените:

      "/js/app.js": "/js/app.js",
"/css/app.css": "/css/app.css"

к

      "/js/app.js": "js/app.js",
"/css/app.css": "css/app.css"

этот метод работает для меня, плюс он работает как с XAMPP, так и с Artisan serve.

Answer 2

В resources \ views \ layouts \ app.blade.php измените:

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

К:

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

Это будет работать в wamp или xampp.

Answer 3

для меня я комментирую это:

       {{--  @vite(['css/app.css', 'resources/js/app.js'])  --}}

& добавьте этот код:

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

Answer 4

если вы измените файл public\mix-manifest.json

      "/js/app.js": "/js/app.js",
"/css/app.css": "/css/app.css"

к

      "/js/app.js": "js/app.js",
"/css/app.css": "css/app.css"

это не работает с файлом: /user/profile , для этого вам нужно ../

поэтому вы должны сделать второй вариант, но не забудьте также изменить файл .js! так в: ресурсы\представления\макеты\app.blade.php chage

      <link rel="stylesheet" href="{{ mix('css/app.css') }}">
<script src="{{ mix('js/app.js') }}" defer></script>

к

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

а также не забудьте сделать то же самое в файле: resources\views\layouts\guest.blade.php chage

Answer 5

замените этот @vite(['resources/css/app.css', 'resources/js/app.js']) или этот WITH в resources/views/layouts/app.blade.phpresources/views/layouts/guest. лезвие.php

будет работать как для jetstram, так и для breze, если стиль не появится

Answer 6

У меня такая же проблема, вам просто нужно установить Laravel Breeze

Первый шаг, запустите код ниже в терминале

      composer require laravel/breeze:1.9.2

Второй шаг

      php artisan breeze:install

Третий шаг

      npm install && npm run dev

Четвертый шаг

      php artisan migrate

Примечания. Поскольку вы используете Laravel 8, при установке Laravel Breeze я рекомендую использовать версию <1.9 (и ниже)

если вы используете Laravel 9, просто запустите

      composer require laravel/breeze

Answer 7

добавьте этот файл layouts/guest.blade.php кода

            <link rel="stylesheet" href="{{ asset('css/app.css') }}">
      
  
      <!-- Scripts -->
      <script src="{{ asset('js/app.js') }}" defer></script>

Answer 8

Это действительно просто, вам нужно перейти по пути: ВАШ ПРОЕКТ/resources/views/layouts, здесь вы должны добавить эти 2 строки в оба файла «app.blade.php» и «guest.blade.php»

неправильный

      <link rel="stylesheet" href="{{ mix('css/app.css') }}">
<script src="{{ mix('js/app.js') }}" defer></script>

Верно:

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

ПРИМЕЧАНИЕ. Если у вас нет строк, их необходимо добавить.