vscode [css] show error for CSS @import in invalid location

yptwkmov  于 6个月前  发布在  Vscode
关注(0)|答案(1)|浏览(49)

当所有扩展都被禁用时,是否会出现这个问题?:是的

  • VS Code 版本:1.85.2
  • 操作系统版本:无

正如 MDN 所解释的那样,@import at-rules 必须位于文件的开头(有一些例外情况)。
当不遵循这个要求时,VS Code 不会显示错误。另一方面,例如 Chrome 的源代码编辑器会显示此错误的错误信息:

重现步骤:

  1. 打开一个 CSS 文件。
  2. 将以下内容粘贴到文件中。
body {
    background-color: darkblue;
}

@import url("https://example.com/style.scss");
  1. 注意没有错误。
    (请注意,在 SCSS 中,这不应该产生错误,因为 SCSS 在编译为 CSS 时将 @import 规则移动到顶部。)
    这个问题对我来说很重要,因为我想在我的网站上使用 Monaco Editor 以允许自定义 CSS。我的网站已经通过纯 textarea 允许自定义 CSS,而用户经常犯的错误是在样式表开始之前使用 @import ,没有任何迹象表明它不起作用。我希望 Monaco Editor 能够警告这一点,但它并没有。
ymdaylpp

ymdaylpp1#

如果目前没有人在处理这个任务,我可以继续进行。

相关问题