Atom eslint 和 jsx/react 设置

Posted 2023-03-27

【中文标题】Atom eslint 和 jsx/react 设置

【英文标题】：Atom eslint and jsx/react setup

【发布时间】：2018-12-23 23:47:28

【问题描述】：

我无法让我的 eslint atom 包与 jsx 一起使用。我的 eslint 包在我的主目录中引用了一个全局 .eslintrc。按照 eslint 文档，我的 .eslintrc 文件设置如下：

  "parser": "babel-eslint",
  "parserOptions": 
    "ecmaFeatures": 
      "jsx": true
    
  ,
  "extends": [
  "eslint:recommended",
  "plugin:react/recommended"
  ],
  "rules": 
    "semi": 2,
    "strict": 0
  

我的 package.json 依赖项：

"devDependencies": 
"babel-core": "^6.2.1",
"babel-eslint": "^8.2.6",
"babel-loader": "^6.2.0",
"babel-preset-es2015": "^6.1.18",
"babel-preset-react": "^6.1.18",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^17.0.0",
"eslint-plugin-import": "^2.13.0",
"eslint-plugin-jsx-a11y": "^6.1.1",
"eslint-plugin-react": "^7.10.0",
"webpack": "^1.12.9",
"webpack-dev-server": "^1.14.0"
,
"dependencies": 
  "babel-preset-stage-1": "^6.1.18",
  "lodash": "^3.10.1",
  "react": "16.3.2",
  "react-dom": "16.3.2",
  "react-redux": "5.0.7",
  "redux": "4.0.0",
  "youtube-api-search": "0.0.5"

我已经安装了 babel 解析器和 eslint-plugin-react，但仍然无法读取 jsx。非常感谢您对此的任何帮助，在此先感谢。

【参考方案1】：

你说看不懂 jsx 是什么意思？如果我猜对了，我认为 Atom 没有显示任何错误？ 如果是这样，向我们展示已安装的 Atom 软件包列表会很棒。 我猜你错过了包含一些包，例如 language-javascript-jsx

【讨论】：

嗨，Max，很抱歉不清楚。问题是当我使用 jsx 标签（即“