Freecodecamp: Desafios sass não funcionam

Criado em 21 jan. 2017  ·  39Comentários  ·  Fonte: freeCodeCamp/freeCodeCamp

O desafio de armazenar dados com variáveis ​​sass tem um problema.
O agente do usuário é: 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>

Olá a todos, Acho que encontrei um bug no desafio Armazenando dados com variáveis ​​Sass. Acho que fiz tudo certo, mas a cor dos elementos h2 e .blog-post não muda para vermelho. Eu passo duas das histórias de usuário, mas não estas:
Seu elemento .blog-post deve ter uma cor vermelha.
Seus elementos h2 devem ter uma cor vermelha.

Também não muda para vermelho. Mas ele passa as histórias do usuário:
Seu código deve ter uma variável Sass declarada para $ text-color com um valor de vermelho.
Seu código deve usar a variável $ text-color para alterar a cor dos itens .blog-post e h2

Agradecemos antecipadamente, e as novidades em Beta parecem incríveis, continue com o ótimo trabalho! Mal posso esperar para trabalhar com mais deles! 👍

help wanted bug critical path

Comentários muito úteis

Você pode adicionar seu estilo de cor à tag div. Isso funciona para mim.

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

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

Todos 39 comentários

@ Azbo400 Obrigado por relatar esse problema. Parece que ainda não oferecemos suporte à compilação do Sass 😅

@systimotic Oh haha, isso faz sentido! Obrigada 😄

Oh, desculpe! Devíamos ter avisado às pessoas que esta seção não funcionaria corretamente. Obrigado pelo problema, @ Azbo400

@HKuz Tudo bem, sem problemas. 😃

Sim. Não está funcionando. Haverá alguma notificação quando for corrigido?

Não apoiamos os "saas" ainda! Rindo muito!!!

Em 22 de janeiro de 2017, às 12h19, "Pramod Potdar" [email protected] escreveu:

Sim. Não está funcionando. Haverá alguma notificação quando for corrigido?

-
Você está recebendo isto porque está inscrito neste tópico.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12699#issuecomment-274311826 ,
ou silenciar o tópico
https://github.com/notifications/unsubscribe-auth/AVHZeUIbLrZVFpBbIy0z9uTcDlOwHHoDks5rUvULgaJpZM4LqJWk
.

Eles não querem qualquer atrevimento de você. Piadas

Concordo que seria uma boa ideia avisar às pessoas que o Sass ainda não funciona.

Enquanto isso, recomendo que as pessoas sigam o guia da página oficial do Sass para instalar um compilador Sass e sigam seu guia (e / ou tutoriais Sass da FCC) em suas próprias máquinas. O guia começa aqui: http://sass-lang.com/install

O Desafio armazenando dados com variáveis ​​sass precisa ter seus dois últimos testes refatorados para que possa verificar o uso da variável atribuída

@ahmadabdolsaheb Incrível - boa

@QuincyLarson estou nisso

o seguinte pode ser útil se alguém quiser resolver esse problema.
a localização dos testes a serem refatorados:
https://github.com/freeCodeCamp/freeCodeCamp/blob/6d7092928e852755fa0d4d9489b3c8748b466a94/seed/challenges/03-front-end-libraries/sass.json#L25

Existem quatro testes que devem ser substituídos pelos dois seguintes.

"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.');"
        }
 ]

por favor, teste a solução antes de fazer um PR

@ahmadabdolsaheb

por favor, teste a solução antes de fazer um PR

Como devo proceder para testá-lo? Se eu fizer alterações nos arquivos de seed que residem em freecodecamp repo, então isso não refletirá no learn repo porque usa o módulo de nó @freecodecamp/curriculum para obter os desafios.

Mesmo se eu fizer as alterações em curriculum repo localmente, isso não refletirá no learn repo.

Lutei inicialmente com os mesmos problemas, mas até agora tenho que passar por todos (incluindo o exemplo @while - não tentei os outros ainda) - o problema parece ser o espaço em branco
Para alguns, por exemplo, o exemplo @while até mesmo precisava remover qualquer recuo do bit SASS

Tente deletar quaisquer linhas em branco entre o código e - se isso não resolver - não recue o código SASS.
[usando FCC com Safari 11.0.2]

@MikeForde Isso funcionou para mim quando

Não consegui fazê-los funcionar no Safari ou Chrome 67

Removendo todo recuo e espaçamento dentro do

Não concordado, há mais do que espaço em branco. O que eu percebi é que - com o exemplo @while - se eu continuar pressionando o botão "Executar os testes" então - se não houver erros reais - depois de 4-5 pressionamentos, ele funciona, enquanto se houver um erro genuíno, nunca passa. Não é exatamente um comportamento ideal, mas sugere um erro de baixo nível, em vez de um vinculado a um erro sintático real no código que está sendo enviado pelo usuário.

Olá a todos, sejam quais forem os problemas, eles parecem estar corrigidos. Passei no desafio da primeira vez e estou usando a versão do Chrome 67.0.3396.87 (versão oficial) (64 bits)

Não, ainda acontece comigo quando tento os testes. Parece afetar apenas alguns usuários.

Encontrou o mesmo problema - FireFox 56.0.2.
Limpou todos os espaços em branco; recuo etc verificado.
Os dois últimos testes ainda falharam. Tentativa de "spam" no botão Executar teste ... até agora sem sorte.

=====
editar: Eu finalmente consegui fazer funcionar. Não me lembro se foi devido a algum pequeno erro de minha parte ou apenas ao apertar pacientemente o botão "Executar testes" repetidamente. Acabei fazendo o método "amasse o botão Executar testes" em várias aulas do SASS após essa.

aqui truque para Sass: Use @for para criar um Sass Loop:
não há uma segunda chance porque há um bug neste desafio com certeza ..