首页 > 解决方案 > Atom eslint 和 jsx/react 设置

问题描述

我无法让我的 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。我真的很感激任何帮助,在此先感谢。

标签: javascriptatom-editorjsxeslintlinter

解决方案


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


推荐阅读