一、问题

react typescript项目下执行eslint --init后报错：

 JSX not allowed in files with extension '.tsx'                react/jsx-filename-extension

1	JSX not allowed in files with extension '.tsx' react/jsx-filename-extension

二、解决

在.eslintrc.json中添加rules设置

'react/jsx-filename-extension': 'off',

1	'react/jsx-filename-extension': 'off',

或者

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

"react/jsx-filename-extension": [

"error",

{

"extensions": [".js", ".jsx", ".tsx", ".ts"]

}

]

参考文章：