typescript - JSX nie je povolený v súboroch s príponou '.tsx' eslint(react/jsx-filename-extension)

Prečo eslint hlási v súbore .tsx:

JSX nie je povolený v súboroch s príponou '.tsx' eslint(react/jsx-filename-extension)

Ako môžem aktualizovať konfiguráciu eslint, aby sa dala vyriešiť táto správa:

Odpoveď č. 1

Pravdepodobne budete chcieť nakonfigurovať pravidlo react/jsx-filename-extension vo vašom .eslintrc.js, aby bol ESLint spokojný s JSX vo vašich súboroch TypeScript:

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

Odpoveď č. 2

Pridajte toto pravidlo do sekcie pravidiel vo vašej konfigurácii eslint:

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