Freecodecamp: تحديات ساس لا تعمل

تم إنشاؤها على ٢١ يناير ٢٠١٧  ·  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 لا يتغير إلى اللون الأحمر. مررتُ اثنتين من قصص المستخدمين ولكن ليس هذه:
يجب أن يكون عنصر مشاركة المدونة بلون أحمر.
يجب أن تكون عناصر h2 ذات لون أحمر.

كما أنه لا يغير اللون الأحمر. لكنه يمر بقصص المستخدم:
يجب أن تحتوي التعليمات البرمجية الخاصة بك على متغير 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 في ٢٢ يوليو ٢٠١٨
👍5 😄2 ❤1 🎉1

ال 39 كومينتر

@ Azbo400 شكرًا لك على الإبلاغ عن هذه المشكلة. يبدو أننا لا ندعم بالفعل تجميع Sass بعد 😅

systimotic picture systimotic في ٢١ يناير ٢٠١٧
😄4

systimotic أوه هاها ، هذا منطقي! شكرا 😄

ryanarnouk picture ryanarnouk في ٢١ يناير ٢٠١٧

أه آسف! كان يجب أن نوجه انتباه الناس إلى أن هذا القسم لن يعمل بشكل صحيح. شكرًا على المشكلة ، @ Azbo400

HKuz picture HKuz في ٢١ يناير ٢٠١٧

HKuz هذا جيد ، لا مشكلة. 😃

ryanarnouk picture ryanarnouk في ٢١ يناير ٢٠١٧

بلى. انها لا تعمل. هل سيكون هناك أي إشعار عند إصلاحه؟

ppmakeitcount picture ppmakeitcount في ٢٢ يناير ٢٠١٧
👍1

نحن لا ندعم "saas" حتى الآن! ماو !!!

في 22 كانون الثاني (يناير) 2017 الساعة 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 في ٢٢ يناير ٢٠١٧

إنهم لا يريدون أي ساس منك. نكات

rudolphh picture rudolphh في ٦ فبراير ٢٠١٧

أوافق على أنه سيكون من الجيد تحذير الناس من أن Sass لا يعمل بعد.

في غضون ذلك ، أوصي الأشخاص باتباع دليل صفحة Sass الرسمية لتثبيت مترجم Sass واتباع دليلهم (و / أو دروس Sass الخاصة بـ FCC) على أجهزتهم الخاصة. يبدأ الدليل هنا: http://sass-lang.com/install

betaalpha987 picture betaalpha987 في ١٢ مارس ٢٠١٧
👍3

يحتاج التحدي الذي يخزن البيانات مع ساس إلى إعادة هيكلة الاختبارين الأخيرين له حتى يتمكن من التحقق من استخدام المتغير المعين

ahmadabdolsaheb picture ahmadabdolsaheb في ١ يونيو ٢٠١٨

ahmadabdolsaheb رائع - دعوة جيدة. هل لديك أي فكرة عن كيفية إعادة بناءها؟

QuincyLarson picture QuincyLarson في ٣ يونيو ٢٠١٨

QuincyLarson أنا على ذلك

ahmadabdolsaheb picture ahmadabdolsaheb في ٤ يونيو ٢٠١٨

قد يكون ما يلي مفيدًا إذا أراد أي شخص معالجة هذه المشكلة.
موقع الاختبارات المراد إعادة بنائها:
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.');"
        }
 ]

يرجى اختبار الحل قبل إجراء العلاقات العامة

ahmadabdolsaheb picture ahmadabdolsaheb في ٤ يونيو ٢٠١٨

تضمين التغريدة

يرجى اختبار الحل قبل إجراء العلاقات العامة

كيف يجب أن أقوم باختباره؟ إذا قمت بإجراء تغييرات في الملفات الأولية الموجودة في freecodecamp repo ، فلن تنعكس في الريبو learn لأنه يستخدم وحدة العقدة @freecodecamp/curriculum للحصول على التحديات.

حتى إذا قمت بإجراء التغييرات في الريبو curriculum محليًا ، فلن ينعكس ذلك في الريبو learn .

anku255 picture anku255 في ١٦ يونيو ٢٠١٨

أنا ذاهب إلى دروس ساس الآن.
سأقوم بنشر أي دروس إضافية تم كسرها.

القائمة الكاملة لدروس 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

mattszcz picture mattszcz في ٢١ يونيو ٢٠١٨
👍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

ولكن ليس في درسين آخرين من دروس 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

mattszcz picture mattszcz في ٢٥ يونيو ٢٠١٨
👍6

لقد عانيت في البداية مع نفس المشكلات ولكن حتى الآن لدي كل شيء لتمريره (لأعلى مع تضمين مثال
بالنسبة للبعض ، على سبيل المثال ، يحتاج المثال بادئة لبت SASS

حاول حذف أي أسطر فارغة بين الكود - وإذا لم يؤد ذلك إلى حلها - فلا تترك مسافة بادئة لرمز SASS على الإطلاق.
[باستخدام FCC مع Safari 11.0.2]

MikeForde picture MikeForde في ١٠ يوليو ٢٠١٨
👍2

MikeForde لقد لتجاوز هذه الوحدة. ومع ذلك ، ما زلت لا أستطيع تشغيله بأي شكل من الأشكال أثناء تشغيله في Chrome 67.

jacobvarner picture jacobvarner في ١١ يوليو ٢٠١٨
👍1

لم أتمكن من حملهم على العمل في Safari أو Chrome 67

إزالة كل المسافات البادئة والتباعد داخل

Chaoticonomist picture Chaoticonomist في ١٢ يوليو ٢٠١٨

لا متفق عليه ، هناك ما هو أكثر من المساحة البيضاء. ما لاحظته هو أنه - مع مثال واصلت الضغط على الزر "Run the Tests" - إذا لم تكن هناك أخطاء فعلية - بعد 4-5 ضغطات ، فإنه يعمل ، بينما إذا كان هناك خطأ حقيقي لا يمر. ليس سلوكًا مثاليًا تمامًا ولكنه قد يشير إلى خطأ منخفض المستوى بدلاً من خطأ واحد مرتبط بخطأ نحوي فعلي في الشفرة التي يرسلها المستخدم.

MikeForde picture MikeForde في ١٢ يوليو ٢٠١٨

مرحبًا بالجميع ، مهما كانت المشكلات ، يبدو أنها تم إصلاحها. تجاوزت التحدي لأول مرة وأنا أستخدم إصدار Chrome 67.0.3396.87 (الإصدار الرسمي) (64 بت)

2series picture 2series في ١٣ يوليو ٢٠١٨
👎1

كلا ، ما زلت تحدث لي عندما أجرب الاختبارات. يبدو أنه يؤثر فقط على بعض المستخدمين.

Chaoticonomist picture Chaoticonomist في ١٣ يوليو ٢٠١٨
👍2

Ran في نفس المشكلة - FireFox 56.0.2.
محو جميع المسافات ؛ المسافة البادئة الخ فحص.
الاختبارين الأخيرين لا يزالان يفشلان. محاولة "البريد العشوائي" زر "اختبار التشغيل" .. لا حظ حتى الآن.

=====
تحرير: أخيرًا حصلت عليه للعمل. لا تتذكر ما إذا كان ذلك بسبب خطأ بسيط من جانبي أو مجرد الضغط بصبر على زر "تشغيل الاختبارات" بشكل متكرر. انتهيت من إجراء طريقة "mash the Run Tests" في العديد من دروس SASS بعد هذا الدرس.

CQW-Code picture CQW-Code في ١٧ يوليو ٢٠١٨

هنا خدعة لـ Sass: استخدم for لإنشاء حلقة Sass:
ليس هناك فرصة ثانية لأن هناك خطأ في هذا التحدي بالتأكيد ..