Freecodecamp: Tantangan sass tidak berhasil
Tantangan penyimpanan-data-dengan-sass-variabel memiliki masalah.
Agen Pengguna adalah: 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>
Halo semuanya, saya rasa saya menemukan bug dalam tantangan Menyimpan Data Dengan Variabel Sass. Saya rasa saya melakukan semuanya dengan benar, tetapi warna h2 dan elemen .blog-post tidak berubah menjadi merah. Saya menyampaikan dua cerita pengguna tetapi tidak ini:
Elemen .blog-post Anda harus memiliki warna merah.
Elemen h2 Anda harus memiliki warna merah.
Itu juga tidak berubah merah. Tapi itu melewati cerita pengguna:
Kode Anda harus memiliki variabel Sass yang dideklarasikan untuk $ text-color dengan nilai merah.
Kode Anda harus menggunakan variabel $ text-color untuk mengubah warna item .blog-post dan h2
Terima kasih sebelumnya, dan hal-hal baru di Beta tampak luar biasa pertahankan kerja bagus! Tidak sabar untuk mengerjakan lebih banyak dari mereka! 👍
ryanarnouk
Semua 39 komentar
@ Azbo400 Terima kasih telah melaporkan masalah ini. Sepertinya kami belum mendukung kompilasi Sass 😅
systimotic
pada 21 Jan 2017
@systimotic Oh haha, masuk akal! Terima kasih 😄
ryanarnouk
pada 21 Jan 2017
Oh maaf! Kita harus memberi tahu orang-orang bahwa bagian ini tidak akan berfungsi dengan baik. Terima kasih atas masalahnya, @ Azbo400
HKuz
pada 21 Jan 2017
@HKuz Tidak apa-apa, tidak masalah. 😃
ryanarnouk
pada 21 Jan 2017
Ya. Ini tidak bekerja. Apakah akan ada notifikasi saat sudah diperbaiki?
ppmakeitcount
pada 22 Jan 2017
Kami belum mendukung "saas"! Lmao !!!
Pada 22 Jan 2017 00.19, "Pramod Potdar" [email protected] menulis:
Ya. Ini tidak bekerja. Apakah akan ada notifikasi saat sudah diperbaiki?
-
Anda menerima ini karena Anda berlangganan utas ini.
Balas email ini secara langsung, lihat di GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12699#issuecomment-274311826 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/AVHZeUIbLrZVFpBbIy0z9uTcDlOwHHoDks5rUvULgaJpZM4LqJWk
.
ChrisD1986
pada 22 Jan 2017
Mereka tidak ingin ada sass dari Anda. Lelucon
rudolphh
pada 6 Feb 2017
Saya setuju bahwa sebaiknya memperingatkan orang-orang bahwa Sass belum berfungsi.
Sementara itu, saya menyarankan orang-orang mengikuti panduan halaman resmi Sass untuk menginstal kompiler Sass dan mengikuti panduan mereka (dan / atau tutorial Sass FCC) di mesin mereka sendiri. Panduannya dimulai di sini: http://sass-lang.com/install
betaalpha987
pada 12 Mar 2017
Tantangan penyimpanan-data-dengan-sass-variabel perlu memiliki dua pengujian terakhirnya refactored sehingga dapat memeriksa penggunaan variabel yang ditugaskan
ahmadabdolsaheb
pada 1 Jun 2018
@ahmadabdolsaheb Luar biasa - panggilan bagus. Apakah Anda tahu cara melakukan refactoring?
QuincyLarson
pada 3 Jun 2018
@QuincyLarson saya di atasnya
ahmadabdolsaheb
pada 4 Jun 2018
berikut ini mungkin berguna jika ada yang ingin mengatasi masalah ini.
lokasi pengujian yang akan difaktorkan ulang:
https://github.com/freeCodeCamp/freeCodeCamp/blob/6d7092928e852755fa0d4d9489b3c8748b466a94/seed/challenges/03-front-end-libraries/sass.json#L25
Ada empat tes yang harus diganti dengan dua tes berikut.
"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.');"
}
]
silakan uji solusinya sebelum membuat PR
ahmadabdolsaheb
pada 4 Jun 2018
@ahmadabolseb
silakan uji solusinya sebelum membuat PR
Bagaimana saya harus mengujinya? Jika saya membuat perubahan pada file benih yang berada di freecodecamp repo maka itu tidak akan tercermin dalam learn repo karena menggunakan modul simpul @freecodecamp/curriculum untuk mendapatkan tantangan.
Meskipun saya membuat perubahan pada curriculum repo secara lokal, itu tidak akan tercermin dalam learn repo.
anku255
pada 16 Jun 2018
Saya akan melalui pelajaran Sass sekarang.
Saya akan memposting pelajaran tambahan yang rusak.
Daftar lengkap pelajaran Sass dengan tes rusak:
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
Berikut adalah bantuan visual:
mattszcz
pada 21 Jun 2018
Saya juga telah mengonfirmasi kelulusan tes yang terputus-putus (dengan mengirim spam "Jalankan tes") pada:
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
tetapi tidak pada 2 pelajaran Sass yang rusak lainnya (ini selalu gagal):
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
pada 25 Jun 2018
Saya awalnya berjuang dengan masalah yang sama tetapi sejauh ini saya harus melewatkan semua (dan termasuk contoh @ sementara - belum mencoba yang lain) - masalahnya tampaknya spasi putih
Untuk beberapa misalnya, contoh @ sementara bahkan diperlukan untuk menghapus indentasi apa pun dari bit SASS
Coba hapus baris kosong di antara kode dan - jika itu tidak menyelesaikannya - jangan memasukkan kode SASS sama sekali.
[menggunakan FCC dengan Safari 11.0.2]
MikeForde
pada 10 Jul 2018
@MikeForde Ini berfungsi untuk saya saat beralih ke Safari agar lulus modul yang satu ini. Namun, saya masih tidak bisa membuatnya berfungsi dengan cara apa pun saat menjalankannya di Chrome 67.
jacobvarner
pada 11 Jul 2018
Saya tidak bisa membuatnya berfungsi di Safari atau Chrome 67
Menghapus semua lekukan dan spasi di dalam file
Chaoticonomist
pada 12 Jul 2018
Tidak setuju, itu lebih dari sekadar ruang putih. Apa yang saya perhatikan adalah - dengan contoh @ sementara - jika saya terus menekan tombol "Jalankan Tes" maka - jika tidak ada kesalahan yang sebenarnya - setelah 4-5 kali menekan, itu berfungsi, sedangkan jika ada kesalahan asli itu tidak pernah lewat. Bukan perilaku ideal tetapi akan menyarankan kesalahan tingkat rendah daripada yang terkait dengan kesalahan sintaksis sebenarnya dalam kode yang dikirimkan oleh pengguna.
MikeForde
pada 12 Jul 2018
Halo semuanya, apa pun masalahnya, tampaknya sudah diperbaiki. Lulus tantangan pertama kali & saya menggunakan Chrome Versi 67.0.3396.87 (Build Resmi) (64-bit)
2series
pada 13 Jul 2018
Tidak, masih terjadi pada saya ketika saya mencoba tes. Tampaknya hanya mempengaruhi beberapa pengguna.
Chaoticonomist
pada 13 Jul 2018
Mengalami masalah yang sama-- FireFox 56.0.2.
Menghapus semua spasi; indentasi dll diperiksa.
Dua tes terakhir masih gagal. Mencoba "mengirim spam" ke tombol Jalankan Uji .. sejauh ini tidak berhasil.
=====
edit: Saya akhirnya berhasil membuatnya bekerja. Tidak ingat apakah itu karena kesalahan kecil di pihak saya atau hanya dengan sabar menekan tombol "Jalankan Pengujian" berulang kali. Saya akhirnya melakukan metode "mash the Run Tests button" pada beberapa pelajaran SASS setelah yang satu ini.
CQW-Code
pada 17 Jul 2018
di sini trik untuk Sass: Gunakan @for untuk Membuat Sass Loop:
tidak ada kesempatan kedua karena pasti ada bug dalam tantangan ini ..
@for $j from 1 through 5 {
.text-#{$j} { font-size: 10px* $j; }
}
Hello
Hello
Hello
Hello
Hello
mahmoud-coo6
pada 19 Jul 2018
Anda dapat menambahkan gaya warna Anda ke tag div. Ini berhasil untuk saya.
<div class="blog-post" style="color: red;">
dikiaap
pada 22 Jul 2018
@ mahmoud-coo6 Apakah metode Anda berfungsi pada Menerapkan Gaya Hingga Kondisi Dipenuhi dengan @ sementara ?
Saya memiliki peringatan di sini: Your .text-1 class should have a font-size of 5px.
Saya cukup yakin font-size-nya 5px.
dikiaap
pada 22 Jul 2018
Saya memperbaiki Terapkan Gaya Sampai Kondisi Dipenuhi dengan @ sementara? Tantang dengan menggunakan Firefox alih-alih google-chrome, ini berhasil untuk saya.
mahmoud-coo6
pada 23 Jul 2018
saya telah menambahkan gaya latar belakang ke tag div ..... untuk mendapatkan tantangan sass disadap ini untuk lulus ujian mereka .... !!
<div class="blue-bg" style="background-color: blue"></div>
<div class="black-bg" style="background-color: black"></div>
<div class="red-bg" style="background-color: red"></div>
flyfishingbarbara
pada 26 Jul 2018
berikut solusinya @flyfishingbarbara : ada
@each $color in blue,black, red {
.#{$color}-bg { background-color: $color;}
}
div {
height: 200px;
width: 200px;
}
mahmoud-coo6
pada 27 Jul 2018
Masalahnya kembali dengan @for dan @each .
drex44
pada 27 Agu 2018
Ini tidak akan bekerja di Chrome 68.0.3440.106 dan tidak di Opera 55.0 tetapi bekerja dengan sempurna di Firefox 59.0.2 (semua 64-bit). Tiga latihan terakhir memang membutuhkan sedikit spaming tombol "Jalankan Tes"
Rock-son
pada 4 Sep 2018
@raisedad @Vera
Apakah ini menutup masalah ini?
https://github.com/freeCodeCamp/freeCodeCamp/pull/27716
paulywill
pada 31 Okt 2018
@paulywill Ini tidak terkait dengan masalah ini, dan masalah telah diselesaikan di cabang master.
ValeraS
pada 31 Okt 2018
lol, saya menemui masalah yang sama ...
ZTYZZ
pada 24 Mar 2019
@ZTYZZ Apakah Anda mengalami masalah yang sama di situs beta ?
RandellDawson
pada 24 Mar 2019
Pada Firefox Developer Edition (72.0b2 (64-bit)) ini tidak berfungsi.
nmichalakis
pada 4 Des 2019
@nmichalakis Kesalahan apa yang Anda lihat di konsol browser?
RandellDawson
pada 4 Des 2019
@RandellDawson saya menemukan "bug" jika ada spasi antara nama variabel dan ":" itu tidak dapat dikompilasi dengan benar. Apakah ini juga terjadi pada file .scss biasa?
Jadi misalnya jika saya lari
$ var-name: color; (spasi sebelum dan sesudah ":") tidak dapat dikompilasi tetapi jika saya menjalankannya
$ var-name: color (tidak ada spasi setelah deklarasi $ var, berhasil!)
nmichalakis
pada 4 Des 2019
Harap buka masalah baru dengan detail ini. Terima kasih.
raisedadead
pada 5 Des 2019
SASS menggunakan tantangan beta untuk setiap item-untuk-peta-over-item-dalam-daftar tidak mungkin
@each $ color dengan warna biru, hitam, merah {
. # {$ color} -bg {background-color: $ color;}
}
Ukmandal
pada 19 Jun 2020
Masalah terkait
imhuyqn
·
3Komentar
robwelan
·
3Komentar
MichaelLeeHobbs
·
3Komentar
ar5had
·
3Komentar
vaibsharma
·
3Komentar
Komentar yang paling membantu
Anda dapat menambahkan gaya warna Anda ke tag div. Ini berhasil untuk saya.