สวัสดีครับ วันนี้มาเขียนบล็อกสั้นๆ แนะนำทริคเล็กๆ น้อยๆ ในการแก้ปัญหา warning ของ VS Code นะครับ ซึ่งจะเกิด เมื่อเราใช้ Tailwind CSS
ปัญหาคือ VS Code จะขึ้น warning Unknown at rule ตรงตำแหน่ง @tailwind base;
หรือพวก @apply
ต่างๆ แบบรูปข้างล่าง
![Unknown Rule](/_next/image?url=%2Fstatic%2Fimages%2F2023%2F02%2Funknown-at-rule.png&w=1080&q=75)
วิธีแก้
วิธีแก้ง่ายๆ คือ เข้า Settings จากนั้น ค้นหา rule เราจะเจอ CSS > Lint : Unknown At Rules
ซึ่งมันเป็น warning อยู่
![Ignore Rule](/_next/image?url=%2Fstatic%2Fimages%2F2023%2F02%2Funknown-at-rule-warning.png&w=1920&q=75)
ก็ปรับเป็น ignore ซะ ก็แก้ปัญหาได้แล้ว
![Ignore Rule](/_next/image?url=%2Fstatic%2Fimages%2F2023%2F02%2Funknown-at-rule-ignore.png&w=1920&q=75)
หรือปรับโดยตรงจากไฟล์ JSON ได้เลย แบบนี้
{
"css.lint.unknownAtRules": "ignore"
}
เรียบร้อยครับ 🤣
- Authors
- Name
- Chai Phonbopit
- Website
- @Phonbopit