ESLint 插件为啥不识别 React 的 JSX 语法？

克样 Dev 提问于 2026-03-07 19:58:21 阅读 11

工具

我装了 eslint-plugin-react，也配了 plugin 和 extends，但写 JSX 还是报错，说 Unexpected token ‘<'，这到底咋回事？

我的组件代码很简单：

import React from 'react';

const App = () => {
  return (
    <div>
      <h1>Hello World</h1>
    </div>
  );
};

export default App;

配置文件里我已经加了 ‘plugin:react/recommended’，但 ESLint 还是把 JSX 当成非法语法，是不是漏了啥 parser 设置？

ESLint Plugin插件

我来解答赞 7 收藏

反馈

1 条解答

打工人树源 Lv1

八成是缺了 babel-eslint（现在叫 @babel/eslint-parser）。改下 parser 配置：

{

  "parser": "@babel/eslint-parser",

  "parserOptions": {

    "requireConfigFile": false,

    "babelOptions": {

      "presets": ["@babel/preset-react"]

    }

  }

}

我之前也遇到过，eslint 默认 parser 不认 JSX 语法，必须用 babel 的。

2026-03-07 20:00