За последние 24 часа нас посетили 22668 программистов и 1256 роботов. Сейчас ищут 788 программистов ...

Не работают стили

Тема в разделе "Laravel", создана пользователем kuzmich, 22 авг 2021.

  1. kuzmich

    kuzmich Активный пользователь

    С нами с:
    6 мар 2017
    Сообщения:
    39
    Симпатии:
    0
    всем привет.

    установил Laravel. создал пару станичек и все работает.
    решил подключить стили. установил node.js, создал стили и сделал команду - npm run dev и установка прошла!
    открываю сайт и стили не работают. сначала подумал то, что неправильно все установилось и решил через браузер
    открыть стили - все открывается.

    в чем может быть дело?
     
  2. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.752
    Симпатии:
    1.322
    Адрес:
    Лень
    стили не найдены
     
  3. kuzmich

    kuzmich Активный пользователь

    С нами с:
    6 мар 2017
    Сообщения:
    39
    Симпатии:
    0
    если смотреть в браузере - исходный код стилей открывается, но почему то не применяются к самому сайту
     
  4. mkramer

    mkramer Суперстар
    Команда форума Модератор

    С нами с:
    20 июн 2012
    Сообщения:
    8.555
    Симпатии:
    1.754
    Я просто никогда не пользуюсь Laravel Mix. Если у меня нет фреймворка на фронте, то сразу все стили/скрипты размещаю в public, если есть - то настраиваю уже родной package.json от фреймворка как мне надо. К примеру, на тоже копирование результата сборки в public
     
  5. mkramer

    mkramer Суперстар
    Команда форума Модератор

    С нами с:
    20 июн 2012
    Сообщения:
    8.555
    Симпатии:
    1.754
    На вскидку, микс донастроить надо. Выложите ваш webpack.mix.js, а также расскажите, где и как исходники стилей валяются
     
  6. kuzmich

    kuzmich Активный пользователь

    С нами с:
    6 мар 2017
    Сообщения:
    39
    Симпатии:
    0
    вот сам - webpack.mix.js
    Код (Text):
    1. const mix = require('laravel-mix');
    2.  
    3. /*
    4. |--------------------------------------------------------------------------
    5. | Mix Asset Management
    6. |--------------------------------------------------------------------------
    7. |
    8. | Mix provides a clean, fluent API for defining some Webpack build steps
    9. | for your Laravel applications. By default, we are compiling the CSS
    10. | file for the application as well as bundling up all the JS files.
    11. |
    12. */
    13.  
    14. mix.js('resources/js/app.js', 'public/js')
    15.     .postCss('resources/css/app.css', 'public/css');
    исходники как сами по файлу видите лежат - resources/css/ и после команды npm run dev переносятся в public/css.
     
  7. ADSoft

    ADSoft Старожил

    С нами с:
    12 мар 2007
    Сообщения:
    3.824
    Симпатии:
    738
    Адрес:
    Татарстан
    А в вьюхе ксс то вообще подключен?
     
  8. kuzmich

    kuzmich Активный пользователь

    С нами с:
    6 мар 2017
    Сообщения:
    39
    Симпатии:
    0
    а можно по русски? вьюха?
     
  9. ADSoft

    ADSoft Старожил

    С нами с:
    12 мар 2007
    Сообщения:
    3.824
    Симпатии:
    738
    Адрес:
    Татарстан
  10. kuzmich

    kuzmich Активный пользователь

    С нами с:
    6 мар 2017
    Сообщения:
    39
    Симпатии:
    0
    если честно через view не делал. можно пример?

    я вот что еще подумал - у меня Laravel версии 8.Х, в Laravel Mix v 6.X - это может влиять на все это?
     
  11. ADSoft

    ADSoft Старожил

    С нами с:
    12 мар 2007
    Сообщения:
    3.824
    Симпатии:
    738
    Адрес:
    Татарстан
    Через что же вы делали?))) Как выводили контент по шаблонам? Покажите ппимер
     
  12. kuzmich

    kuzmich Активный пользователь

    С нами с:
    6 мар 2017
    Сообщения:
    39
    Симпатии:
    0
    да я только учу Laravel. вот небольшой кодик
    Код (Text):
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. <title>@yield('title-blog')</title>
    6. <link rel="stylesheet" href="/css/app.css"/>
    7. <script type="text/javascript" src="/js/app.js"></script>
    8. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    9. </head>
    10.  
    11. <body>
    12. @yield('content')
    13.  
    14. @include('inc.aside')
    15. </body>
    16. </html>
     
  13. ADSoft

    ADSoft Старожил

    С нами с:
    12 мар 2007
    Сообщения:
    3.824
    Симпатии:
    738
    Адрес:
    Татарстан
    В app.css то что вы ожидаете там?
     
  14. mkramer

    mkramer Суперстар
    Команда форума Модератор

    С нами с:
    20 июн 2012
    Сообщения:
    8.555
    Симпатии:
    1.754
    А куда корень домена на сервере натравлен? И вообще, что за среда?
    --- Добавлено ---
    @kuzmich То, что вы тут запостили и называется view, в русском жаргоне вьюха
    --- Добавлено ---
    Заскриньте вкладку Network/Сеть панели разработчика в браузере
    --- Добавлено ---
    Там есть красное?
     
  15. kuzmich

    kuzmich Активный пользователь

    С нами с:
    6 мар 2017
    Сообщения:
    39
    Симпатии:
    0
    в стилях у меня в body менялся фон цвета.
    --- Добавлено ---
    красного у меня ничего не было. поменял местами app.css и bootstrap.css и заработало все