我對 VS Code 中的Live Sass 編譯器有疑問，即在使用串列時。通常的操作都不起作用。在以下示例中，它是list.nth(list,index).
以下在Codepen中可以正常作業：
HTML
<p>red</p>
<p>blue</p>
<p>green</p>
SCSS
@use "sass:list";
p {
font-size: 25x;
font-weight: bold;
}
$colors: red blue green;
@for $n from 1 through 3 {
p:nth-child(#{$n}) {
color: list.nth($colors,$n);
}
}
當使用 Dart Sass CLI 在本地編譯它時，這也可以正常作業。
但是當我嘗試在 VS Code 中使用 Live Sass 編譯器進行編譯時，出現以下錯誤：
Compilation Error
Error: Invalid CSS after "... color: list": expected expression (e.g. 1px, bold), was ".nth($colors, $n);"
這是為什么？
uj5u.com熱心網友回復：
您正在使用的擴展程式似乎不再維護，您可以嘗試使用此擴展程式。
uj5u.com熱心網友回復：
使用 Glenn Marks 的 Live Sass 編譯器
我有完全相同的問題。您閱讀了 SASS 官方網站，按照說明，在 Visual Studio Code 中撰寫代碼，然后Compilation Error在保存 SASS 或 SCSS 檔案時會感到奇怪。您仔細檢查了所有內容，似乎它應該可以作業，但事實并非如此。
嗯，問題是由您用于將 SASS 或 SCSS 檔案編譯為 CSS 檔案的 Visual Studio Code 擴展引起的。
不要使用這個擴展：Ritwick Dey 的 Live Sass Compiler
您可能正在使用這個擴展：Ritwick Dey 的 Live Sass Compiler。它被廣泛使用，但作者不再支持。因此，SASS 版本沒有更新。此擴展會產生您描述的錯誤。
使用這個擴展：Glenn Marks 的 Live Sass 編譯器
你應該使用這個擴展：Glenn Marks 的 Live Sass Compiler。正如作者所說：非常感謝@ritwickdey 所做的所有作業。然而，由于他們不再維護原始作品，我發布了我自己的作品，它是建立在它之上的。此擴展將您的 SASS 或 SCSS 檔案成功編譯為 CSS 檔案。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/430347.html