Unknown rule media-query-no-invalid
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