如何解决StyleLint中'aspect-ratio'属性的'property-no-unknown'错误？

你的问题出在两点：

• 错误是property-no-unknown规则触发的，但你把ignoreProperties配置到了at-rule-no-unknown规则下，这两个是独立规则，配置完全不生效
• at-rule-no-unknown的配置格式错误，它的选项应该是单个对象，不是多个对象组成的数组

修改后的.stylelintrc.js配置如下：

module.exports = {
  'extends': 'stylelint-config-standard',
  'rules': {
    'no-empty-source': null,
    'string-quotes': 'double',
    // 修复at-rule-no-unknown的配置格式，合并选项到一个对象
    'at-rule-no-unknown': [
      true,
      { 
        'ignoreAtRules': [
          'extend',
          'at-root'
        ]
      }
    ],
    // 单独配置property-no-unknown规则，忽略aspect-ratio属性
    'property-no-unknown': [
      true,
      {
        'ignoreProperties': [
          'aspect-ratio'
        ]
      }
    ]
  },
};

说明：

• property-no-unknown是专门检查未知CSS属性的规则，要忽略aspect-ratio必须在这个规则的配置里添加ignoreProperties
• at-rule-no-unknown是检查未知CSS@规则的（比如Sass特有的@extend、@at-root），需要把忽略项放到该规则的ignoreAtRules里，且配置结构是[布尔值, 选项对象]，不能拆分成多个对象数组

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