typescript - JSX ei ole sallittu tiedostoissa, joiden tiedostopääte on '.tsx' eslint(react/jsx-filename-extension)

Miksi .tsx-tiedostossa eslint ilmoittaa:

JSX ei ole sallittu tiedostoissa, joiden pääte on '.tsx'eslint(react/jsx-filename-extension)

Kuinka voin päivittää eslint-konfiguraation ratkaistakseni tämän viestin:

Vastaus #1

Haluat todennäköisesti määrittää react/jsx-filename-extension-säännön tiedostossasi .eslintrc.js, jotta ESLint on tyytyväinen JSX:ään TypeScript-tiedostoissasi:

rules:  {
  'react/jsx-filename-extension': [2, { 'extensions': ['.js', '.jsx', '.ts', '.tsx'] }],
},

Vastaus #2

Lisää tämä sääntö eslint-konfiguraatiosi sääntöjen osioon:

"rules": {
  "react/jsx-filename-extension": [1, { "extensions": [".tsx", ".ts"] }]
}