问题标签 [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.

0 投票
2 回答
2934 浏览

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.

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

Now again nothing is happening, run debug again

  • DEBUG=eslint:* eslint .

Still can't find the module

At this point I'm still running into Cannot find module 'eslint-config-airbnb'

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...

0 投票
3 回答
10009 浏览

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

请让我知道如何解决此错误。

0 投票
5 回答
36487 浏览

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。

0 投票
5 回答
52981 浏览

javascript - 如何从导入“react”中删除未解决的 ESlint 错误

没有未解决的https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-unresolved.md

在此处输入图像描述

安装后eslint-import-resolver-webpack 在此处输入图像描述

我的.eslintrc配置


我的 package.json

网页包

0 投票
2 回答
1135 浏览

javascript - 忽略 moment.js 的 eslint 错误

我在我的反应应用程序中添加 moment.js 作为外部资源,如下所示:

当我在启用moment的代码文件中使用时,我eslint收到了这个 eslint 错误:'moment' is not defined(no-undef).

这是我的 .jsx 文件-

我的eslintrc.yml样子是这样的:

0 投票
1 回答
4272 浏览

javascript - ESLint 错误:“while”语句中的意外赋值

我有一个格式化货币的函数:

这部分导致 ESLint 错误:

while ((ii -= 3) > 0) { pieces.splice(ii, 0, ','); }

错误“while”语句中的意外分配 no-cond-assign

我应该如何编写此语句以使 ESLint 检查通过?

0 投票
1 回答
1631 浏览

javascript - 反应导航,道具验证中缺少tintColor

我已将我的 react-navigation 代码放入一个单独的 Routes 文件中,然后将其导入到我的 App.js 文件中。一切正常,但我在 Atom/Nuclide 中使用 Airbnb ESLint 配置,并收到 tintColor 错误...

“道具验证中缺少 tintColor”

试过这个:

Routes.propTypes = { tintColor: PropTypes.string.isRequired,}

但随后出现错误“tintColor PropType 已定义但 prop 从未使用”

这是代码的一部分

0 投票
0 回答
282 浏览

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 代码吗?

0 投票
2 回答
8288 浏览

webpack - 如何扩展 airbnb eslint 但使用警告而不是错误?

我正在使用 airbnb 的 eslint 和 webpack,如下所示:

.eslintrc


webpack.config.js

这可行,但所有 eslint 规则都显示为错误,例如:

我该如何设置它,以便 airbnb 的 eslint 中的所有规则都是警告而不是错误?

0 投票
5 回答
29021 浏览

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 文件中都有相同类型的错误。有谁知道如何解决这些问题?