stylelint Unknown rule lightness-notation

日期：2024-08-30 分类：1 人气：590

今天升级了stylelint版本到`15.11.0`，因为vscode提示14.0.0以下的版本都不支持了，步骤如下：

- 首先升级`stylelint`
- 然后安装`stylelint-config-standard-scss`
- 然后卸载掉`stylelint-config-standard`和`stylelint-scss`
- 修改配置文件：`.stylelintrc.json`
```
{
  "extends": "stylelint-config-standard-scss",
  "rules": {
    "scss/at-mixin-argumentless-call-parentheses": "always",

"color-no-invalid-hex": true,

"function-calc-no-unspaced-operator": true,
    "function-name-case": "lower",
    "function-url-quotes": "always",

"number-leading-zero": null,
    "length-zero-no-unit": true,

"import-notation": "string",

"string-no-newline": true,

"unit-no-unknown": true,

"shorthand-property-no-redundant-values": true,

"declaration-block-no-duplicate-properties": [ true, {
      "ignore": ["consecutive-duplicates-with-different-values"]
    }],
    "declaration-block-single-line-max-declarations": 1,

"selector-pseudo-element-colon-notation": "double",
    "selector-pseudo-element-no-unknown": [true, {
      "ignorePseudoElements": ["ng-deep"]
    }],
    "selector-type-case": "lower",
    "selector-max-id": 0
  }
}
```

运行如下脚本测试：
```
stylelint ./projects/**/src/app/**/*.scss
```

报错很多，其中有一些配置项过时了，还有一下需要修改，但是有一个错误提示十分奇怪：
```
 1:1  ✖  Unknown rule lightness-notation  lightness-notation
```

我打开scss文件查看，第一行就是一个导入语句：
```
@import '../@theme/styles/themes';
```

然后我全局搜索`lightness-notation`，根本没有这个配置项，然后我在配置文件加上如下这个配置：
```
"lightness-notation": "string",
"import-notation": "string",
```

并没有什么用，还是报错，看来是版本问题，只能安装其他版本了，安装stylelint版本`16.8.2`，然后重新运行语法检查，终于这个错误消失了。

标签： scss styleline

上一篇：七棵菜表单快速开发平台二次开发步骤下一篇：Unexpected parentheses in argumentless mixin "nb-install-component" call

stylelint Unknown rule lightness-notation

随便看看

留言