Freecodecamp: Проблемы Sass не работают

Созданный на 21 янв. 2017  ·  39Комментарии  ·  Источник: freeCodeCamp/freeCodeCamp

Проблема с хранением-данных-с-sass-переменными имеет проблему.
Пользовательский агент: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36 .



<style>
$text-color: red;

.header{
  text-align: center;
}
.blog-post h2 {
  color: $text-color;
}
</style>

<h1 class="header">Learn Sass</h1>
<div class="blog-post">
<h2>Some random title</h2>
<p>This is a paragraph with some random text in it</p>
</div>
<div class="blog-post">
<h2>Header #2</h2>
<p>Here is some more random text.</p>
</div>
<div class="blog-post">
<h2>Here is another header</h2>
<p>Even more random text within a paragraph</p>
</div>

Всем привет, мне кажется, я обнаружил ошибку в задаче «Хранение данных с помощью переменных Sass». Думаю, я все сделал правильно, но цвет элементов h2 и .blog-post не меняется на красный. Я пропускаю две пользовательские истории, но не эти:
Ваш элемент .blog-post должен иметь красный цвет.
Ваши элементы h2 должны иметь красный цвет.

Он также не меняет красный цвет. Но он передает пользовательские истории:
В вашем коде должна быть объявлена ​​переменная Sass для $ text-color со значением красного цвета.
В вашем коде должна использоваться переменная $ text-color для изменения цвета элементов .blog-post и h2.

Заранее благодарим вас, и новые возможности бета-версии кажутся потрясающими, продолжайте в том же духе! Не могу дождаться, чтобы поработать над другими из них! 👍

help wanted bug critical path

Самый полезный комментарий

Вы можете добавить свой цветовой стиль в тег div. У меня это работает.

<div class="blog-post" style="color: red;">

screenshot from 2018-07-22 18-38-20

Все 39 Комментарий

@ Azbo400 Благодарим вас за сообщение об этой проблеме. Похоже, что мы пока не поддерживаем компиляцию Sass 😅

@systimotic О, ха-ха, в этом есть смысл! Спасибо 😄

Ой, извини! Мы должны были предупредить людей, что этот раздел не будет работать должным образом. Спасибо за вопрос, @ Azbo400

@HKuz Ничего страшного, нет проблем. 😃

Да уж. Это не работает. Будет ли уведомление, когда это исправят?

Мы пока не поддерживаем "саас"! Лмао !!!

22 января 2017 года, 00:19, "Прамод Потдар" [email protected] написал:

Да уж. Это не работает. Будет ли уведомление, когда это исправят?

-
Вы получаете это, потому что подписаны на эту ветку.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12699#issuecomment-274311826 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/AVHZeUIbLrZVFpBbIy0z9uTcDlOwHHoDks5rUvULgaJpZM4LqJWk
.

Они не хотят от вас дерзости. Анекдоты

Я согласен с тем, что было бы неплохо предупредить людей, что Sass еще не работает.

А пока я рекомендую людям следовать руководству на официальной странице Sass по установке компилятора Sass и следовать их руководству (и / или руководствам FCC по Sass) на своих компьютерах. Руководство начинается здесь: http://sass-lang.com/install

Для задачи storing-data-with-sass-variables необходимо провести рефакторинг последних двух тестов, чтобы можно было проверить использование присвоенной переменной.

@ahmadabdolsaheb Потрясающе - хороший звонок. У вас есть идеи, как провести их рефакторинг?

@QuincyLarson Я в этом

следующее может пригодиться, если кто-то захочет решить эту проблему.
место проведения рефакторинга тестов:
https://github.com/freeCodeCamp/freeCodeCamp/blob/6d7092928e852755fa0d4d9489b3c8748b466a94/seed/challenges/03-front-end-libraries/sass.json#L25

Эти четыре теста следует заменить следующими двумя.

"tests": [
        {
          "text": "Your code should have a Sass variable declared for <code>$text-color</code> with a value of red.",
          "testString": "assert(code.match(/\\$text-color\\s*?:\\s*?red\\s*?;/g), 'Your code should have a Sass variable declared for <code>$text-color</code> with a value of red.');"
        },
        {
          "text": "Your code should use the <code>$text-color</code> variable to change the <code>color</code> for the <code>.blog-post</code> and <code>h2</code> items.",
          "testString": "assert(code.match(/\\.blog-post\\s*?\,\\s*?h2\\s*?{\\s*?color:\\s*?\\$text-color\\s*?;/g), 'Your code should use the <code>$text-color</code> variable to change the <code>color</code> for the <code>.blog-post</code> and <code>h2</code> items.');"
        }
 ]

пожалуйста, протестируйте решение, прежде чем делать PR

@ahmadabdolsaheb

пожалуйста, протестируйте решение, прежде чем делать PR

Как мне начать его тестирование? Если я внесу изменения в исходные файлы, которые находятся в репозитории freecodecamp это не отразится в репо learn потому что он использует модуль @freecodecamp/curriculum node для решения проблем.

Даже если я внесу изменения в репо curriculum локально, это не отразится на репо learn .

Я сейчас прохожу уроки Sass.
Я выложу любые дополнительные уроки, которые не работают.

Полный список уроков по Sass со сломанными тестами:
https://learn.freecodecamp.org/front-end-libraries/sass/store-data-with-sass-variables
https://learn.freecodecamp.org/front-end-libraries/sass/use-for-to-create-a-sass-loop
https://learn.freecodecamp.org/front-end-libraries/sass/use-each-to-map-over-items-in-a-list
https://learn.freecodecamp.org/front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with- while

Вот наглядное пособие:
screenshot 2018-06-20 at 3 18 33 pm

Я также подтвердил периодическое прохождение тестов (отправив спам «Запустить тесты») на:
https://learn.freecodecamp.org/front-end-libraries/sass/store-data-with-sass-variables
https://learn.freecodecamp.org/front-end-libraries/sass/use-each-to-map-over-items-in-a-list

но не на двух других сломанных уроках Sass (они всегда не проходят):
https://learn.freecodecamp.org/front-end-libraries/sass/use-for-to-create-a-sass-loop
https://learn.freecodecamp.org/front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with- while

Сначала я боролся с теми же проблемами, но до сих пор у меня есть все, чтобы пройти (включая пример @ while - еще не пробовал другие) - проблема, похоже, заключается в
Для некоторых, например, в примере с @ while даже требовалось удалить отступы бита SASS.

Попробуйте удалить все пустые строки между кодом и, если это не решит проблему, вообще не делать отступы в коде SASS.
[используя FCC с Safari 11.0.2]

@MikeForde Это сработало для меня, когда я переключился на Safari, чтобы передать этот модуль. Тем не менее, я все еще не мог заставить его работать во время запуска в Chrome 67.

Я не мог заставить их работать в Safari или Chrome 67

Удаление всех отступов и интервалов внутри

Нет, согласен, дело не только в пустом пространстве. Что я заметил, так это то, что - с примером @ while - если я продолжаю нажимать кнопку «Run the Tests», то - если нет реальных ошибок - после 4-5 нажатий, он работает, тогда как если есть настоящая ошибка, он никогда не проходит. Не совсем идеальное поведение, но предполагало бы ошибку низкого уровня, а не ошибку, связанную с фактической синтаксической ошибкой в ​​коде, отправленном пользователем.

Привет всем, какие бы проблемы ни были, они вроде бы исправлены. Пройдено испытание впервые, и я использую версию Chrome 67.0.3396.87 (официальная сборка) (64-разрядная версия)

Нет, все еще происходит со мной, когда я пробую тесты. Кажется, влияет только на некоторых пользователей.

Возникла та же проблема - FireFox 56.0.2.
Убраны все пробелы; отступы и т. д. проверены.
Последние два теста все же не прошли. Попытка "спамить" кнопку "Выполнить тест" ... пока безуспешно.

=====
edit: я наконец-то заставил его работать. Не помню, было ли это из-за какой-то мелкой ошибки с моей стороны или просто терпеливого нажатия кнопки «Выполнить тесты» несколько раз. Я закончил использовать метод «месить кнопку запуска тестов» на нескольких уроках SASS после этого.

вот трюк для Sass: используйте @for для создания цикла Sass:
второго шанса нет, потому что в этом задании наверняка есть ошибка ..