526互联

Unknown rule media-query-no-invalid

发布时间 2023-10-23 11:12:26作者: 卑面派对

1、环境

系统： win7
node: v12.20.0

node版本不支持可选链操作符（?.），所有很多报错需要依赖包降级
2、package.json

"stylelint": "^14.16.1", // node版本不支持v15
"stylelint-config-prettier": "^9.0.5",
"stylelint-config-recess-order": "^3.1.0",
"stylelint-config-recommended-vue": "^1.5.0",
"stylelint-config-standard": "^34.0.0",
"stylelint-config-standard-scss": "^6.0.0",
"stylelint-order": "^5.0.0"

3、原因

  • rule media-query-no-invalid是 依赖包stylelint-config-recommended v13.0.0添加的规则，所以需要降级到v12.0.0。
  • 此依赖包是其他包的依赖，所以想知道哪些包在依赖它，怎么找呢？
npm i -g npm-why
npm-why stylelint-config-recommended
  • 发现 stylelint-config-standard与stylelint-config-recommended-vue 都依赖了，所以都需要降级
    4、降级后需要手动安装stylelint-config-recommended v12.0.0，因为 stylelint-config-standard与stylelint-config-recommended-vue默认依赖的是最新版本
    5、最终
"stylelint": "^14.16.1", // node版本不支持v15
"stylelint-config-prettier": "^9.0.5",
"stylelint-config-recess-order": "^3.1.0",
"stylelint-config-recommended": "^12.0.0",
"stylelint-config-recommended-vue": "^1.4.0",
"stylelint-config-standard": "^33.0.0",
"stylelint-config-standard-scss": "^6.0.0",
"stylelint-order": "^5.0.0"
此问题是我环境的解决方案，因为系统原因

其他可以参考：https://github.com/stylelint/stylelint-config-standard/issues/298