CSS文件出现function-calc-no-invalid未知规则错误，求排查方案

这个错误和你CSS文件里的@import语句无关，错误行号标1:1只是因为它是文件第一行，实际问题出在stylelint的配置上——stylelint根本不认识function-calc-no-invalid这个规则。

解决步骤：

• 打开你的stylelint配置文件（常见的是.stylelintrc、stylelint.config.js或package.json里的stylelint字段），查找是否存在function-calc-no-invalid这条规则。
• 把这条规则名改成calc-no-invalid——这才是stylelint核心规则里对应检查calc表达式有效性的正确名称。
• 如果是你误加了这个不存在的规则，直接删除也可以；如果是某个第三方插件提供的，确认插件是否正确安装并在配置的plugins数组里引入（不过这个规则属于stylelint核心，不需要额外插件）。
• 改完配置后重新运行stylelint styles.css，错误就会消失。

注意：stylelint --fix只负责修复代码中符合规则的格式问题，对这种配置层面的“未知规则”错误是无效的，所以之前用--fix没用是正常的。

内容的提问来源于stack exchange，提问作者Umarah gul