javascript - 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。我真的很感激任何帮助,在此先感谢。
解决方案
你说看不懂jsx是什么意思?如果我猜对了,我认为 Atom 没有显示任何错误?如果是这样,向我们展示已安装的 Atom 软件包列表会很棒。我猜你错过了包含一些包,例如 language-javascript-jsx
推荐阅读
- android - Android,添加了自适应图标,现在上传时出现架构错误
- reactjs - `react-truncate` 包在构建和使用时不起作用
- python - 如何修复请求中的“TypeError:'dict'对象不可调用”
- angular - 使用 Angular7 在 PowerBI 嵌入式报告中下载、打印选项
- bash - Bash脚本从文件中读取并将信息保存在数组中?
- r - 在R中同时通过许多因素子集数据帧
- pdfbox - 如何在硒中解析pdf
- d3.js - 在D3 forceSimulation中拖动一个节点时停止移动其他节点
- r - 带有 %>% 的多个条件
- c# - 在不阻塞主线程的情况下向盲文显示器发送延迟消息