Eslint jsx-quotesルールが機能しない

Question

eslint jsx-quotesルールはビジュアルスタジオコードでは機能しません。設定：

.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です。次のコードのための 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>); 

有効なJSX、ESLintオンラインデモ出力2つのエラーにそれを回す場合