问题标签 [eslint-config-airbnb]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Unable to get eslint working in Atom Editor
I'm totally lost at this point on how to get ESLint to install and function using Atom. So I'm going to post a step by step and would be really awesome if someone could help be get this working.
- Atom: 1.19.5
- Atom, linter 2.2.0
- Atom, linter-eslint 8.2.1
I've uninstalled and reinstalled the Atom plugins and have disabled all other plugins besides those in Core and the 2 linters.
npm list -g --depth=0
All Global Installs:
These are the attempted steps I've done to get eslint to work in my Atom project:
npm install -g eslint
cd /into/project
eslint --init
? How would you like to configure ESLint? > User a popular style guide
? Which style guide do you want to follow? >Airbnb
? Do you use React? > y
? What format do you want your config file to be in? > JSON
- Delete
/node_modules
npm install
/project /node_modules .eslintrc.json index.js package.json
.eslintrc.json
package.json
index.js
This is just a file trying to get some type of results from eslint
Errors
[Linter] Error running ESLint (Open developer console)
Configuration for rule "jsx-a11y/anchor-has-content" is invalid: Value "[object Object]" no (or more than one) schemas match.
- So went to eslint-plugin-jsx #168
No errors are appearing in the Atom developer console. But also nothing is happening with the Linter in the Atom editor. I can type gibberish and nothing happens.
Running Debug
DEBUG=eslint:* eslint .
Debug results:
At this point I'm assuming it's trying to read from the global not local
- eslint eslint-config-airbnb error #465
- updated
.eslintrc.json
to"extends": "eslint-config-airbnb",
Now again nothing is happening, run debug again
DEBUG=eslint:* eslint .
Still can't find the module
- Try suggestions in Configuring Atom editor with eslint
At this point I'm still running into Cannot find module 'eslint-config-airbnb'
- Followed npm eslint-config-airbnb
- ran all the commands
New local package.json
npm install -g eslint-config-airbnb
New Global Modules
So now I can run DEBUG=eslint:* eslint .
and can get some results. However nothing ever runs in Atom.
Results:
At this point I'm out of ideas on how to get Atom to actually work with eslint...
reactjs - 反应类方法未定义 no-undef
我是新来的反应。我的应用程序运行正常,但添加 eslint(airbnb) 后,我的应用程序无法编译。
在 .eslintrc 文件上添加 { "parser": "babel-eslint" } 之前,它抛出了 eslint 错误
"[eslint] Parsing error: Unexpected token =" -- 在 helloWorldClick 箭头函数行。
添加解析器后,我没有任何 elsint 错误。但是运行应用程序时出现编译错误。
无法编译 ./src/component/HelloWorldComponent.js 第 18 行:'helloWorldClick' 未定义 no-undef
请让我知道如何解决此错误。
javascript - Prettier + Airbnb 的 ESLint 配置
最近,我开始为我的编辑器使用 Visual Studio Code,并找到了 Prettier - JavaScript 格式化程序。我认为这是一个很棒的插件,因为它可以帮助我保持我的代码看起来不错。
我设置了 Airbnb 的 ESLint 配置,发现它非常有用。
这就是问题所在。我目前正在运行的 Airbnb ESLint 配置与 Prettier 不兼容。例如,对于 JavaScript 字符串,Prettier 被格式化为包含双引号和 Airbnb 的 ESLint,如单引号。当我使用 Prettier 格式化代码时,Airbnb 的 ESLint 不同意。
我知道 Kent Dodds 已经使用 ESLint 配置完成了一些工作,其中包括此处的示例。
但我似乎找不到一个解决方案,让我使用 Prettier 的魔力将我的代码格式化为 Airbnb 的 ESLint。
javascript - 如何从导入“react”中删除未解决的 ESlint 错误
没有未解决的https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-unresolved.md
安装后eslint-import-resolver-webpack
我的.eslintrc配置
我的 package.json
网页包
javascript - 忽略 moment.js 的 eslint 错误
我在我的反应应用程序中添加 moment.js 作为外部资源,如下所示:
当我在启用moment
的代码文件中使用时,我eslint
收到了这个 eslint 错误:'moment' is not defined(no-undef)
.
这是我的 .jsx 文件-
我的eslintrc.yml
样子是这样的:
javascript - ESLint 错误:“while”语句中的意外赋值
我有一个格式化货币的函数:
这部分导致 ESLint 错误:
while ((ii -= 3) > 0) {
pieces.splice(ii, 0, ',');
}
错误“while”语句中的意外分配 no-cond-assign
我应该如何编写此语句以使 ESLint 检查通过?
javascript - 反应导航,道具验证中缺少tintColor
我已将我的 react-navigation 代码放入一个单独的 Routes 文件中,然后将其导入到我的 App.js 文件中。一切正常,但我在 Atom/Nuclide 中使用 Airbnb ESLint 配置,并收到 tintColor 错误...
“道具验证中缺少 tintColor”
试过这个:
Routes.propTypes = { tintColor: PropTypes.string.isRequired,}
但随后出现错误“tintColor PropType 已定义但 prop 从未使用”
这是代码的一部分
eclipse - 在没有 Babel 的 Eclipse 中使用 Airbnb 的 JavaScript 样式指南
如何在不使用任何其他工具的情况下使用Airbnb JavaScript 样式指南?我已经为我的 Eclipse 氧气安装了 Tern (Tern IDE)。我下载了最新版本的eslint-config-airbnb-base-v12.0.1并在
Project -> Properties -> Tern ->Validation -> ESLint 下选择了.eslintrc
该版本中的文件。我的 Tern 配置存储在一个.tern-project
文件中:
.eslintrc
看起来像:
和index.js
:
从这里我不知道如何走得更远。我希望,我会收到与 airbnb 风格指南相匹配的新警告。这适用于 html 文件中的 js 代码吗?
webpack - 如何扩展 airbnb eslint 但使用警告而不是错误?
我正在使用 airbnb 的 eslint 和 webpack,如下所示:
.eslintrc
:
webpack.config.js
:
这可行,但所有 eslint 规则都显示为错误,例如:
我该如何设置它,以便 airbnb 的 eslint 中的所有规则都是警告而不是错误?
javascript - 如何使用 nodejs express 应用程序配置 eslint
.js 应用程序。我需要为此应用程序使用 eslint。我正在使用https://www.npmjs.com/package/eslint-config-airbnb并在 VS Code 编辑器中使用更漂亮的插件。
.eslintrc
在添加 eslint 插件https://marketplace.visualstudio.comitems?itemName=dbaeumer.vscode-eslint和 npm 包后,我看到 VS Code 现在在完整项目中给了我很多错误。
很少的错误
包.json
index.js
每个 JS 文件中都有相同类型的错误。有谁知道如何解决这些问题?