Jump to content
  • Sign Up
Sign in to follow this  
Raritet

Gulp-sass категорически отказывается задавать css свойства для новых добавляемых в разметку элементов

Recommended Posts

Столкнулся с довольно удивительным явлением: gulp-sass категорически отказывается хавать и отображать css для новых добавляемых элементов разметки. Поломка произошла без каких-либо заметных вмешательств, просто с очередным запуском. Ошибок в системной консоли сейчас нет, только указывает на депрекаты одной функции Бурбона.
Есть определенная предыстория. Изначально при установке данного шаблона консоль жаловалась на отсутствие модуля node-sass, хотя таковой был. Пришлось переустановить заново, попутно сменив номер версии в конфиге: "gulp-sass": "3.0.0", без галочки, хотя пробовал и с галочкой – результат тот же (это было нагуглено в бурже). Связана ли эта предыстория с настоящей поломкой – я хз.
Примечательно, что к старым элементам, добавленным до поломки, можно добавлять как новые css-свойства, так и изменять имеющиеся, на скриншоте видно, как старой кнопке вполне успешно добавлен border. А вот новым элементам ну никак не хочет добавлять стили(
Но вот самое удивительное, в конечный css-файл задаваемые стили все же компилятся для всех эл-тов, и старых, и новых!

Скрин прилагается. Шаблон тоже

Версии gulp
CLI: 2.2.0
Local: 3.9.1
Node –v 10.16.3
И как такое может быть?

И да, просьба не предлагать сбрасывать или дизейблить кэш - пробовал и так и сяк, - не помогает. 

 

Sass_4.thumb.png.6c40bf32b25cd874aa3cadf71e31980c.png

 

https://dropmefiles.com.ua/ru/WQhf8z

 

Edited by Raritet

Share this post


Link to post
Share on other sites

Надо всю сборку смотреть. Не знаю, как там на счёт gulp-sass, но у меня после обработки css минификатором иногда пропадают из кода некоторые стили.

Edited by wvvw

Share this post


Link to post
Share on other sites

Сложно сказать. Надо дебажить сам сборщик. Мало вероятно что сборщик не добавляет новых стилей. Больше похоже на то, что он вообще не собирает новые файлы из-за ошибки (которую, возможно, не выводит)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Member Statistics

    46,895
    Total Members
    1,451
    Most Online
    Neovo
    Newest Member
    Neovo
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Спрашивают сейчас

  • Пишут сейчас

    • Привет! Меня зовут Евгения и я ищу талантливых программистов в компанию DevCube. https://mydevcube.com/ Это международная компания, которая занимается DevOps, web и software разработками. На данный момент в команду требуются Full stack .NET (Junior & Senior) — 3+ year of commercial experience; — Strong knowledge of Angular 5+; — Strong knowledge of Typescript; — Experience with HTML/HTML5, CSS/CSS3, SCSS; — Good understanding of Git; — Conversational English. Будет плюсом: VB experience Условия: Удаленная работа full-time Зарплата от 10-20$/час по результатам собеседования. Обязательное условие - быть на связи до 21-22:00 по Москве. Для отклика прошу писать на почту: evgeniia.ko@mydevcube.com
    • Привет! Меня зовут Евгения и я ищу талантливых программистов в компанию DevCube. https://mydevcube.com/ Это международная компания, которая занимается DevOps, web и software development. На данный момент в команду требуются PHP developers (Junior & Senior) Requirements: — 3+ year of commercial experience; — Strong knowledge PHP 7+ — Framework knowledge — Conversational English — CSS, Json, HTML5 Будет плюсом: Shopify implementation expertise. Условия: Удаленная работа full-time Зарплата от 10-20$/час по результатам собеседования. Обязательное условие - быть на связи до 21-22:00 по Москве. Для отклика прошу писать на почту: evgeniia.ko@mydevcube.com
    • Подскажите пожалуйста, как позиционировать элемент на всю видимую область окна браузера? Есть слайдер, в котором крутятся картинки, и есть скрипт, благодаря которому картинка увеличивается, но не могу понять относительно какого элемента он позиционируется. <div class="sl_slider"> <div class="sl_img"> <img class="image" src="img/001-1.jpg" alt="001-1"> </div> <div class="sl_img"> <img class="image" src="img/002-2.jpg" alt="002-2.jpg"> </div> <div class="sl_img"> <img class="image" src="img/001-1.jpg" alt="001-1"> </div> <div class="sl_img"> <img class="image" src="img/002-2.jpg" alt="002-2.jpg"> </div> <div class="sl_img"> <img class="image" src="img/001-1.jpg" alt="001-1"> </div> <div class="sl_img"> <img class="image" src="img/002-2.jpg" alt="002-2.jpg"> </div> </div> .popup { position: absolute; height:100%; width:100%; top:0; left:0; display:none; text-align:center; } .popup_bg { background:rgba(0,0,0,0.4); position:absolute; z-index:1; height:100%; width:100%; } .popup_img { position: relative; margin:0 auto; z-index:2; max-height:94%; max-width:94%; margin:1% 0 0 0; } В классе popub выводится и позиционируется изображение, но как можно прописать его позиционирование на видимую обасть браузера? Решил  position: fixed;  у классов .popub_bg и .popub_img и margin выровнять как нужно. Может кому пригодится. 
  • Popular Contributors

    Nobody has received reputation this week.

×
×
  • Create New...