问题标签 [eslint-config-airbnb]

好像我在这里遗漏了一些东西，它应该可以正常工作，但eslint不断抛出以下内容：

无法解析模块“反应”的路径。（导入/未解决）

“react”（导入/扩展）缺少文件扩展名

当试图import React from 'react'

这是一些调试信息：

包.json

.eslintrc

.babelrc

编辑器：原子 v1.26.1

谢谢。

当我运行时npm install，我收到以下错误：

npm WARN eslint-config-react-app@2.1.0 requires a peer of eslint-plugin-jsx-a11y@^5.1.1 but none is installed. You must install peer dependencies yourself.

这是我的package.json样子：

有谁知道如何消除这个错误？

我对 react 和 webpack 还很陌生，但多年来一直使用 eslint 和 javascript，但这真的让我发疯。

我已经创建了我的项目并actions.js在我的redux文件夹中有一个文件，在该文件中我目前拥有的是

我已经安装了 airbnb eslinter 并像这样设置了 webpack 任务

在我的.eslintrc文件中我有

但是当我运行 webpack 时，我得到以下action.js文件的 eslinting 错误。

这不是我项目中几乎每个 js 文件中出现的唯一文件。

我在我的 React 应用程序中使用以下包来生成 Recaptcha 组件：https ://github.com/appleboy/react-recaptcha

这是组件的外观，带有 eslint 警告：

this.recaptchaRef定义如下：this.recaptchaRef = React.createRef();

当我的表单出现错误时，这个 ref 允许我重置 Recaptcha，如下所示：this.recaptchaRef.reset();

如果不编写 ESlint 注释，我将如何解决此错误？

可以对我在 VScode 中打开的所有项目使用 .eslintrc 并全局安装 eslint 吗？

我想在家中使用我的 .eslintrc，当我打开一个项目时，VScode 控制台中会出现一个 eslint 错误。

Failed to load plugin prettier: Cannot find module 'eslint-plugin-prettier' Happened while validating /home/**/**/**/constants.js This can happen for a couple of reasons: 1. The plugin name is spelled incorrectly in an ESLint configuration file (e.g. .eslintrc). 2. If ESLint is installed globally, then make sure 'eslint-plugin-prettier' is installed globally as well. 3. If ESLint is installed locally, then 'eslint-plugin-prettier' isn't installed correctly.

但在我运行这个命令之前：

这里是我的 .eslintrc/user/home/.eslintrc

非常简单的问题，我很抱歉打扰人们：

什么规则导致我的文本在源代码中左对齐 - 如果我 lint - 我的代码将来自：

至：

我无法通过谷歌找到答案——我更愿意关闭这条规则，因为我觉得它超级难看。我正在使用带有 react native 的 AirBnb 规则。

我的配置在这里：https ://github.com/iamacup/choice/blob/master/.eslintrc ，以防万一。

我对 ESLint 非常陌生，但我喜欢将它用作工具的可能性。我在一个 Vue 项目中有一个文件夹，它是我的项目的基础，我已经为它配置了 linting。当我运行它时，它非常好，但我注意到我不喜欢的一条规则是comma-dangle. 在他们的文档中阅读了它之后，我发现我认为是正确的规则，所以我打开了我的.eslintrc.js文件并添加了规则。我的配置文件现在看起来像这样：

但是当我在我的项目（特别是我的src/main.js或router/index.js）中保存文件时，我仍然收到一个错误

我错过了什么吗？我也有一个.eslintignore看起来像这样的文件：

我正在设置我的第一个 eslint。出于某种原因，它在其他计算机上工作，除了我的..

我正在使用 VScode

打开编辑器后，我收到以下消息：无法读取配置文件： /Users/user/Documents/repos/project/C:/mydirectory/.eslintrc.json Error: ENOENT: no such file or directory, open Source: ESLint (Extension)

.eslintrc.json在我的根目录上。

这是我的配置文件：

这是我的package.json

我尝试了几件事，包括：添加{ "root": true }、从项目打开、安装/卸载eslint扩展

我正在整理旧的 NodeJS 代码，我想在开始修复其余部分之前清除所有缩进问题。

如何将 ESlint 配置为仅显示和修复indent问题？

我正在与我的eslint的一个小问题作斗争，它似乎在大多数情况下都能正常工作，但在某些情况下它不适用于 React 代码。

以这段代码为例：

给出这样的错误：

/my-path/MyFile.js:18:7：预期缩进 8 个空格字符，但找到 6 个。 [错误/react/jsx-indent]

出于某种原因，eslint认为Modal.Content应该在Modal.Header之后缩进，但即使我修复了所有缩进，它也会询问它说某些结束标签的缩进是错误的：

预期的结束标记与开头的缩进匹配

我的 eslint 配置文件：

实际的 eslint 代码：

我尝试手动添加 jsx 缩进的规则

没解决。

还有什么想法吗？

附带说明一下，VSCode 在缩进方面做得正确，但是当我手动运行eslint时它失败了，我需要修复它，因为正在运行代码样式自动化。我遵循了一些答案并在 VSCode 上安装了更漂亮的，现在他们似乎到了同一页面，但我需要解决缩进问题。

更新 1 正如@a-jar-of-clay 所建议的，我尝试将我的软件包升级到 eslint 到 5.4.0，airbnb 到 17.1.0，airbnb-base 到 13.1.0

现在我收到了新的错误消息，可能是由于一些不兼容：

错误：config-airbnb/rules/react.js：规则“re​​act/jsx-no-bind”的配置无效：值 {"ignoreRefs":true,"allowArrowFunctions":true,"allowFunctions":false,"allowBind" :false,"ignoreDOMComponents":true} 不应该有额外的属性。

更新 2 正如@matt-dell 所问，我用来手动运行的命令是：

它肯定会选择我的配置，因为它会在我更改某些规则时做出反应。