Eslint jsx-quotes規則不起作用

Question

eslint jsx-quotes規則在Visual Studio代碼中不起作用。配置：

.eslintrc.json：

{ 
    "plugins": ["jsx"], 
    "parserOptions": { 
     "ecmaVersion": 6, 
     "sourceType": "module", 
     "ecmaFeatures": { 
      "jsx": true 
     } 
    }, 
    "rules": { 
     "semi": [2, "never"], 
     "jsx-quotes": ["error", "prefer-double"], 
     "quotes": ["error", "single"] 
    }, 
    "extends": "eslint:recommended" 
} 

我所有的其他規則都在工作。

例JSX不是拋出一個錯誤：

<div className="hero-head"> 
     <div className='container'> 
      <div className='tabs is-centered'> 
      <ul> 
       <li><a>This is always at the top</a></li> 
      </ul> 
      </div> 
     </div> 
     </div> 

我也用前綴與「JSX /」

是我的配置錯誤的規則名稱嘗試過嗎？

Answer 1

「jsx-quotes」規則是核心規則集的一部分。所以不需要插件或前綴。否則配置看起來不錯。然而，你發佈的例子不是JSX，它只是HTML。如果你把它變成有效的JSX，ESLint在線演示輸出2個錯誤： 3:18 - Unexpected usage of singlequote. (jsx-quotes)和4:20 - Unexpected usage of singlequote. (jsx-quotes)以下代碼：

/* eslint "jsx-quotes": ["error", "prefer-double"] */ 
var a = (<div className="hero-head"> 
    <div className='container'> 
    <div className='tabs is-centered'> 
     <ul> 
     <li><a>This is always at the top</a></li> 
     </ul> 
    </div> 
    </div> 
</div>);