问题标签 [eslintrc]

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 回答
3632 浏览

node.js - 如何在 VS Code 中使用两个不同的 .eslintrc.json?

如何在 VS Code 中为 Node.js 端 Javascript 使用一个 eslint 规则集,为客户端 Javascript 使用另一个规则集?

0 投票
1 回答
482 浏览

javascript - Airbnb 风格指南:命名约定规则不起作用

根据 Airbnb 文档,这是命名对象的最佳实践

但是我需要添加哪个规则来实现相同的

这是我的.eslintrc.json

我添加了camelcase规则,但它不起作用

另外,我找不到属于以下的规则

1) 变量命名 2) 函数命名 3) 类命名

0 投票
3 回答
25218 浏览

jestjs - 安装 jest 时未定义 describe

jest v24.7.1在我的项目中安装了:

然后我开始写一些测试文件,但是我得到了这些 eslint 错误:

eslintrc.js:

我应该添加另一个规则或插件来解决这个问题吗?

0 投票
1 回答
902 浏览

reactjs - 使用 ESlint 对 React+Typescript 项目进行 Linting

我在一篇文章中读到,TypeScript 核心团队解释 ESLint 的架构比 TSLint 的性能更高。另一方面@typescript-eslint/parser,它制作了一个更方便的 AST,它与@typescript-eslint/eslint-plugin.

现在我感觉我的tslintrc文件没有很好的插件和扩展设置。

  • 遵守 Airbnb 规则好tsx还是只遵守标准规则好?
  • 包含的顺序应该是什么,extends并且plugins它们不会相互覆盖并从中获得最佳的 linting 和自动修复?
  • 使用 CRA 创建的应用程序yarn create react-app myapp --typescript并没有更改任何内容tsconfig.json

这是我的.eslintrc.js

此外,如果有人知道 GitHub/Gist 项目中的一个好的设置,那将会被应用。

0 投票
1 回答
227 浏览

javascript - 什么是 ESLint 规则以防止对象道具冒号后换行

我在 SO 和 Google 上进行了搜索和搜索。但我找不到执行此操作的规则:

不好

好的

它似乎不是object-property-newlineobject-curly-newline

编辑:

它似乎也不是大括号样式

在此处输入图像描述

0 投票
2 回答
599 浏览

javascript - 我可以为同一个 es lint 规则强制执行多个级别吗?例如:不同路径的错误和警告

我希望no-restricted-imports在我的代码库中强制执行特定导入的规则。但是,我需要为某些路径抛出错误并为其他路径抛出警告。看起来我不能通过这样做来做到这一点:

实现这种行为的最佳方法是什么?

我已经尝试过no-restricted-imports两次定义规则,一次是错误,一次是警告,但由于它是一个对象,它会被覆盖。

0 投票
3 回答
8614 浏览

javascript - eslint 使用配置了路径映射的 jsconfig.json 解决导入错误

这是我的项目结构:

我厌倦了:

import SomeComponent from '../../../../../components/SomeComponent';

我想做:

import SomeComponent from '@components/SomeComponent';

所以我在这里看到了这个问题:

VSCode Intellisense 不适用于 webpack + 别名

我得到了它的工作:

jsconfig.json

但是 eslint 现在它抱怨它没有解决,即使它编译得很好。

错误:

无法解析模块“@components/SocialMedia”的路径。eslint(import/no-unresolved)

笔记:

我不想禁用 eslint。我也想让它理解这种路径。

0 投票
1 回答
3117 浏览

eslint - 用 airbnb 和 prettier 扩展的 ESLint 配置,用于使用 typescript、jest 和 react-hooks 的 react 项目

我对如何设置配置文件以及我应该使用哪些配置/插件感到非常困惑。

我有一个使用 Typescript、Jest 和 React 钩子的 React 项目。

我知道我需要安装:

  • eslint
  • prettier, eslint-config-prettier,eslint-plugin-prettier
  • eslint-plugin-import

至于 Airbnb 配置,我不确定是否需要安装:

  • eslint-config-airbnb, eslint-plugin-react,eslint-plugin-jsx-a11y
  • eslint-config-airbnb-base

这些似乎都不支持 Typescript,所以看来我还需要安装:

  • @typescript-eslint/eslint-plugin,@typescript-eslint/parser

对于 Jest,我需要安装:

  • eslint-plugin-jest

我不确定 React 钩子。我是否需要在此处安装其他任何东西,或者其他软件包之一是否包含对它的支持?我看到我可以选择安装:

  • eslint-plugin-react-hooks

这是必需的吗?

现在,对于配置文件,我关心两个方面:extendsplugins.

我看到其中一些包可以用/recommended. 我应该使用其中任何一个吗?部分应该extends是什么?我已经看到将其设置为的示例:

虽然我看到了其他使用的示例:

还有另一个使用的例子:

其他 Typescript、Jest 和 React Hooks 插件呢?例如,eslint-plugin-jest建议添加"plugin:jest/recommended"到扩展。这会与其他任何冲突吗?我知道我还可以添加"plugin:@typescript-eslint/recommended"and "prettier/@typescript-eslint"。是否也应该包括在内?

对于该plugins部分,我是否只列出eslint-plugin-....我安装的每个包?

这是一个示例,请让我知道它的外观:

已安装的软件包

配置文件:

0 投票
2 回答
2569 浏览

javascript - 如果 jsx 是多行的,则强制 jsx 从新行开始

当 jsx 跨越多行时,哪个 eslint 规则更喜欢前者而不是后者?目前 prettier 正在将首选更改为 notPreferred

0 投票
2 回答
59741 浏览

javascript - 如何禁用 eslint nextline 的多个规则

我有这个代码:

我想为此行禁用两种 ESLint 类型的检查,no-return-assignno-param-reassign

我试过这样:

但是我的编辑器仍然显示eslint(no-return-assign) lint 错误。