问题标签 [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 投票
1 回答
64 浏览

reactjs - 运行 Eslint airbnb 特定文件不返回任何内容

我在跑

它什么也不返回。我知道页面上有错误。有谁知道发生了什么?我什至没有在屏幕上收到消息。

如果我运行:

我会在 app.jsx 中看到错误。

我只做一个文件的原因是因为我刚刚在 create-react-app 上使用 eslint 打开了 airbnb,我有很多错误要修复,我想慢慢做。

0 投票
1 回答
39715 浏览

ecmascript-6 - 夹在两个不受限制的语法违规之间

这是我的原始代码:

settings基本上是字典的字典

它触发了以下 AirBnb 风格指南错误:

35:3 错误 for..in 循环遍历整个原型链,这几乎不是您想要的。使用 Object.{keys,values,entries},并遍历生成的数组 no-restricted-syntax

所以我将代码更改为

按照建议。

现在当我跑步时lint,我得到了这个:

35:3 错误迭代器/生成器需要 regenerator-runtime,这对于本指南来说太重了,不允许它们。另外,应避免循环以支持数组迭代无限制语法

所以在我看来,无论哪种方式,他们都违反了一些 lint 风格。

我该如何解决这个问题?

0 投票
0 回答
714 浏览

vue.js - ESlint (airbnb) 并且没有孤块

我的 vue js 应用程序中有一个方法。

错误是“块是多余的:没有单独的块:

如何在 ES6 中重写它来修复 linting 错误?

0 投票
3 回答
13957 浏览

javascript - 在 React 中使用 htmlFor 传递 eslint html-has-for

我有一个看起来像这样的无状态 React 组件:

我正在使用通过 airbnb 配置扩展的 eslint。我的 eslint 看起来像这样:

我的 React 代码抛出了这个错误:

我已经清楚地设置了一个htmlFor具有有效唯一 id 字符串的属性(它与其他地方的输入上的 id 匹配)。当然,这足以通过这条规则吗?

0 投票
1 回答
1792 浏览

javascript - 你如何在 React 中为所需道具的可选子属性默认默认道具?

我有一个必需的对象,但并非所有的孩子都是必需的。

例如,这就是我想要做的:

在这个例子中,我想说自行车对象需要一个 id,但颜色不是必需的,默认为红色。

使用我的 ESLint 规则(AirBnb 的大部分默认设置),我收到以下错误:

为 isRequired propType 定义的 defaultProp "bike"。(反应/默认道具匹配道具类型)

关于如何正确执行此操作的任何想法?

0 投票
1 回答
8972 浏览

visual-studio-code - 更漂亮 + eslint 换行符

我将 eslint 与 VSCode 1.18.1 和更漂亮/更漂亮的扩展 0.26.0 用于 VSCode。在我的 VSCode 配置中,我有"prettier.eslintIntegration": true,. 我的依赖项曾经是:

通常 prettier-eslint 格式如下:

然后我升级到:

现在 prettier-eslint 正在格式化这样的文件:

这是一个微不足道的例子,但如果缩进深入了几个层次,那么它就会变得难以阅读。我更喜欢旧风格。

是否可以通过升级的依赖项实现以前的格式样式?

0 投票
2 回答
4097 浏览

javascript - 如何避免“分配给函数参数'elem'的属性”eslint规则?

我想了解你们如何避免eslint 警告 "Assignment to property of function parameter 'elem'"。我知道这是一个很好的模式,不要更改函数参数值。这使我们的代码保持解耦并具有高维护性。但是,在某些情况下,我遇到了以下情况。我需要检索具有特定类的所有元素,然后更改其显示样式属性。这是我的代码:

在这种情况下,我正在更改所有 .myClass 元素的属性“块”。如何做到这一点没有副作用?这样做的正确方法是什么?提前致谢

0 投票
5 回答
22664 浏览

eslint - 使用 eslint 时如何禁用 no-plusplus?

在 Visual Studio Code、AirBnB 风格的 Ubuntu Linux 中使用 eslint 时,默认启用 no-plusplus,因此在 for 循环中使用 ++ 会出错:[eslint] 使用了一元运算符 '++'。(无加号)

你如何禁用该设置?

0 投票
0 回答
1868 浏览

eslint - 如何修复此 eslint 错误:“预期在 '(' 之后有一个换行符”和“在 '(' 之后出现意外的换行符”

我有一些代码来定义不可变记录的形状typed-immutable(与这个问题无关。只是为了提供背景)

我根据airbnb规则应用 lint 检查,但出现此错误:
20:1 error Line 20 exceeds the maximum line length of 80 max-len

这是违规行:

所以很自然地我把它分成两行:

现在触发了一组错误消息:

为了安抚大lint神,我尝试了以下格式:

现在错误变成了:

看起来airbnb不赞成所有可能的格式组合!

我该如何解决?

0 投票
2 回答
2066 浏览

javascript - 使用 index.js 进行导出时如何绕过 airbnb eslint 导入/首选默认导出规则

对于这样的情况, /ACollectionOfTinyComponent/index.js

所以 index.js 变成了一个目录,可以包含其他小部分,而不必一直写出每个 Component Name。所以在这种情况下,我们可以在另一个组件中导入一个组件,如下所示:

这是一个不好的做法吗?因为如果我启用了 airbnb linter,那么我得到了错误 linting

Prefer default export import/prefer-default-export

它要求我添加default,但这会导致编译错误