不允许在扩展名为“ . tsx”的文件中使用 JSX

.tsx文件中,为什么 eslint 报告:

不允许在扩展名为“ . tsx”的文件中使用 JSX

如何更新 eslint 配置可以解决以下问题:

enter image description here

49561 次浏览

您可能希望在 .eslintrc.js中配置 Response/jsx-文件名-扩展名规则,以便让 ESLint 满意 TypeScript 文件中的 JSX:

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

将此规则添加到 eslint 配置的 rules 部分:

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