StyleLint 报错“Expected single space after ‘}’”是怎么回事?

令狐彩云 阅读 3

我在写 CSS 的时候,StyleLint 一直报错说“Expected single space after ‘}’”,但我看代码里大括号后面明明没多余空格啊,到底哪里出问题了?

我的 .stylelintrc 配置里启用了 block-closing-brace-newline-afterblock-closing-brace-space-after,是不是这两个规则冲突了?

比如下面这段代码就被标红:

.box {
  color: red;
}
.container {
  background: blue;
}
我来解答 赞 1 收藏
二维码
手机扫码查看
1 条解答
a'ゞ英杰
看起来是规则配置有点问题。这两个规则确实可能冲突,因为它们分别要求换行和空格。

block-closing-brace-space-after 要求大括号后面跟一个空格,而 block-closing-brace-newline-after 则要求换行。

试试这个方法:保留 block-closing-brace-newline-after 规则,删除或禁用 block-closing-brace-space-after。这样就能保证在大括号后只保留换行符。

如果一定要两个规则都生效,可以调整你的代码格式。比如改成这样:

.box {
color: red;
}

.container {
background: blue;
}


注意看,每个选择器块后面都加了两行空格。这能同时满足两个规则的要求,不过代码看着就有点松散了。

说实话,我一般只保留一个规则就好,毕竟代码整洁更重要,不用太纠结这些细节。
点赞
2026-03-29 16:00