Freecodecamp: 无礼的挑战不起作用

创建于 2017-01-21  ·  39评论  ·  资料来源: freeCodeCamp/freeCodeCamp

挑战将数据存储在同一个
用户代理是： 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元素应具有红色。

它也不会变红色。 但是它传递了用户故事：
您的代码应具有为$ text-color声明的Sass变量，值为红色。
您的代码应使用$ text-color变量更改.blog-post和h2项目的颜色

在此先感谢您，Beta版中的新功能似乎很棒，请继续努力！ 等不及要通过更多的工作了！ 👍

help wanted bug critical path
资料来源
picture ryanarnouk
👍7

最有用的评论

您可以将颜色样式添加到div标签中。 这对我有用。

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

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

picture dikiaap 于 2018-07-22
👍5 😄2 ❤1 🎉1

所有39条评论

@ Azbo400感谢您报告此问题。 看来我们实际上还不支持编译Sass😅

systimotic picture systimotic 于 2017-01-21
😄4

@systimotic哦哈哈，那很有道理！ 谢谢😄

ryanarnouk picture ryanarnouk 于 2017-01-21

哦对不起！ 我们应该提请大家注意这一部分将无法正常工作。 感谢您的问题，@ Azbo400

HKuz picture HKuz 于 2017-01-21

@HKuz很好，没问题。 😃

ryanarnouk picture ryanarnouk 于 2017-01-21

是的它不起作用。 修复后会有任何通知吗？

ppmakeitcount picture ppmakeitcount 于 2017-01-22
👍1

我们尚不支持“ saas”！ ma！

2017年1月22日上午12:19，“ Pramod Potdar” [email protected]写道：

是的它不起作用。 修复后会有任何通知吗？

-
您收到此消息是因为您已订阅此线程。
直接回复此电子邮件，在GitHub上查看
https://github.com/freeCodeCamp/freeCodeCamp/issues/12699#issuecomment-274311826 ，
或使线程静音
https://github.com/notifications/unsubscribe-auth/AVHZeUIbLrZVFpBbIy0z9uTcDlOwHHoDks5rUvULgaJpZM4LqJWk
。

ChrisD1986 picture ChrisD1986 于 2017-01-22

他们不想要你的无礼。 笑话

rudolphh picture rudolphh 于 2017-02-06

我同意警告人们Sass尚未运行是个好主意。

同时，我建议人们遵循Sass官方页面的指南来安装Sass编译器，并遵循他们的指南（和/或FCC的Sass教程）在自己的计算机上。 该指南从此处开始： http :

betaalpha987 picture betaalpha987 于 2017-03-12
👍3

Challenge带有Sass变量的数据存储需要重构其最后两个测试，以便可以检查分配的变量的使用

ahmadabdolsaheb picture ahmadabdolsaheb 于 2018-06-01

@ahmadabdolsaheb太好了-好的电话。 您是否知道如何进行重构？

QuincyLarson picture QuincyLarson 于 2018-06-03

@QuincyLarson我在上面

ahmadabdolsaheb picture ahmadabdolsaheb 于 2018-06-04

如果有人想解决此问题，以下内容可能会派上用场。
要重构的测试位置：
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 picture ahmadabdolsaheb 于 2018-06-04

@ahmadabdolsaheb

请在进行PR之前测试解决方案

我应该如何进行测试？ 如果我对驻留在freecodecamp库中的种子文件进行更改，则它不会反映在learn库中，因为它使用@freecodecamp/curriculum节点模块来应对挑战。

即使我在本地curriculum库中进行更改，也不会反映在learn库中。

anku255 picture anku255 于 2018-06-16

我现在正在上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-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

mattszcz picture mattszcz 于 2018-06-21
👍5 ❤2

我还确认间歇性测试通过（通过向“运行测试”发送垃圾邮件）：
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

但在其他2遍Sass失败的课程上却没有（这些课程始终无法通过）：
https://learn.freecodecamp.org/front-end-libraries/sass/use-for-to-to-create-a-sass-loop
https://learn.freecodecamp.org/front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while

mattszcz picture mattszcz 于 2018-06-25
👍6

最初，我遇到了同样的问题，但到目前为止，我已经全部通过（包括@while示例-尚未尝试其他示例）-问题似乎是空白
例如， @ while示例甚至需要删除SASS位的任何缩进

尝试删除代码之间的任何空白行，如果这不能解决问题，则根本不要缩进SASS代码。
[将FCC与Safari 11.0.2结合使用]

MikeForde picture MikeForde 于 2018-07-10
👍2

@MikeForde当我切换到Safari以通过此模块时，这为我工作。 但是，在Chrome 67中运行它时，我仍然无法以任何方式使其工作。

jacobvarner picture jacobvarner 于 2018-07-11
👍1

我无法让他们在Safari或Chrome 67中工作

去除所有凹痕和间距

Chaoticonomist picture Chaoticonomist 于 2018-07-12

没有人同意，除了空白之外，还有更多的东西。 我注意到的是-以@while示例为例-如果我一直按“运行测试”按钮，则-如果没有实际错误，则按4-5次后，它会起作用，而如果是真正的错误，则为-永远不会过去。 这不是完全理想的行为，但是会提示一种低级错误，而不是与用户提交的代码中的实际语法错误相关的错误。

MikeForde picture MikeForde 于 2018-07-12

大家好，无论问题是什么，它们似乎都已解决。 首次通过挑战，我正在使用Chrome版本67.0.3396.87（正式版本）（64位）

2series picture 2series 于 2018-07-13
👎1

不，当我尝试测试时，仍然会发生在我身上。 似乎只影响某些用户。

Chaoticonomist picture Chaoticonomist 于 2018-07-13
👍2

遇到相同的问题-FireFox 56.0.2。
清除所有空白； 缩进等检查。
最后两个测试仍然失败。 试图“发送垃圾邮件”“运行测试”按钮..到目前为止没有运气。

=====
编辑：我终于做到了。 不要记得是我的一些小错误，还是只是耐心地反复按“运行测试”按钮。 在此课程结束后，我总结了在几个SASS课程上执行“ mash the Run Tests button”方法。

CQW-Code picture CQW-Code 于 2018-07-17

Sass的技巧：使用@for创建Sass循环：
没有第二次机会，因为此挑战中肯定有错误。