eslint 相关问题

使用特定函数时出现 eslint 错误

我的反应应用程序中有一个我想摆脱的功能。我想在开发人员调用/使用该函数时显示 eslint 错误。有办法吗？ 现在我已经使用@deprec...

错误 - ESLint：7.32.0 ESLint 找不到要扩展的配置“标准”

我们有一个 CircleCI 管道。我们有一个旧版本的 eslint，即 5.10.0，大约是三年前安装的，现在客户想要将节点版本升级到 16 并升级相关软件包...

有什么方法可以删除 JSX 类名字符串中多余的空格吗？

我在 WebStorm 中使用 React 和 Tailwind。如何配置 ESLint 或 Prettier 以自动删除下面 JSX 类名字符串中“text-3xl”和“font-bold”之间的额外空格？ &...

如何避免 React useEffect 首先使用 ESLINT React-hooks/exhaustive-deps 进行渲染

我有一个 useEffect，我想避免第一次运行。所以我做了一个钩子来检查它是否是第一次渲染： 使用首次渲染 从 'react' 导入 { useRef, useEffect }; 导出函数 useFirstRender()...

使用 ESLint 或 Prettier 为 JS switch-case 强制使用花括号

我想在 JS 中为 switch-case 强制使用大括号，可能使用 ESLint 或 Prettier。您是否知道任何相关的配置，或者如果不知道，那么还有其他的 linting 或格式化工具吗？ 我尝试过...

我在回调中调用 React Hook 时遇到问题

在此处输入代码这是我当前的代码 导出默认函数 InteractableAreasList(): JSX.Element { useTownController(); const activeConversationAreas = useActiveConversationAreas(); 返回...

Eslint 在使用波浪号路径进行导入时抱怨

我为基于 React 的项目使用自己的一组 eslint 规则配置，如下所示： 模块. 导出 = { 环境：{ 浏览器： 正确， 常见的： 正确的， es2021：是的， 节点：真， 开玩笑：真实的， ...

ESLint 抱怨空构造函数和 ngOnInit 实现

在我的 Angular 应用程序中，规则 no-empty-function 触发了我的构造函数的错误。好吧，它确实是一个空体，但构造函数本身需要在那里，因为我注入了一个

如何根据eslint制作WebStorm格式代码？

我已经为我的 WebStorm 项目指定了 eslint 配置。但它似乎不适用于代码重新格式化功能。例如，它继续将 import { Something } from 'somewhere' 格式化为 imp...

React hook 缺少自定义 hook setter 的依赖项

我很清楚 Hook 缺少的依赖是什么，它意味着什么以及为什么观察所有依赖关系很重要，但这一个很奇怪。 导出函数 Compo() { const [值，setV...

抑制导入的node_modules CSS 中的 eslint 警告

某些依赖项要求您将 CSS 从 node_modules 导入到您的文件中。 // 编辑器.js 导入 'froala-editor/css/froala_editor.pkgd.css'; 从 'react-froala-wysiwyg' 导入 FroalaEditor； 出口

使用完整文件名强制相对导入

在我的 TypeScript 项目中导入 ./foo/index.ts 我可以使用以下 4 行中的任何一行： 从 './foo' 导入 Foo // ❌ 从 './foo/index' 导入 Foo // ❌ 从 './foo/index.js' 导入 Foo // ❌

Sublime Text 4 - 如何设置 LSP-eslint

当使用 Sublime text 3 时，我有 SublimeLinter 和 SublimeLinter-eslint 包，以及用于 JS 和 JSX 语法的 eslint 和 babel-eslint 全局节点模块。 切换到 Sublime 4 后，我...

如何获得与预提交一起使用的新型 ESLint 配置？

我有一个带有 .pre-commit-config.yaml 的项目，其中包含官方 ESLint 挂钩等。使用旧式 .eslintrc.json 配置时它可以完美工作，但将其替换为...

ESLint 与 Typescript 集成

我正在进行一个升级旧版 AWS CDK 打字稿应用程序版本的项目。它使用集成的 Jest+ESLint 作为在 AWS 中部署和集成测试之前的本地“测试”。 ESLint ...

ReadonlyArray 和“readonly arr: T[]”有什么区别？

看看这个游乐场。 界面特征{ 只读名称：字符串； } // // 还行吧 接口 Foo1 { 只读 arr: ReadonlyArray; } 函数 save1(foo: Foo1) { 反对...

如何解决自定义路由组件中的 eslint 错误：“禁止传播 prop”？

如何解决自定义路由组件中的 eslint 错误：“禁止传播属性”？ 此错误发生在下面的第 3 行和第 6 行： const PrivateRoute = ({组件: 组件, ...re...

ESLint - '进程'未定义

我正在使用 ESLinter 进行一个简单的节点项目。下面是我在index.js 中的唯一代码： const express = require('express'); 常量应用程序 = Express(); app.get('/', (req, res) => { 重新发送（...

添加“Text”作为控制组件后，React Informed eslint 关联控制错误

我正在尝试将通知包添加到我的项目中，但是当我添加如下组件时，我收到 eslint 错误： 我正在尝试将 informed 包添加到我的项目中，但是当我添加如下组件时，我收到 eslint 错误： <Form id="intro-form"> <label htmlFor="intro-name"> First name: <Text field="name" id="intro-name" /> </label> <button type="submit">Submit</button> </Form> 我已将 Text 添加到我的 .eslintrc 作为 controlComponent，但我仍然收到错误： eslint] Form label must have ALL of the following types of associated control: nesting, id (jsx-a11y/label-has-for) 我猜这不是将其添加到我的 .eslintrc 文件的正确方法？ { "rules": { "jsx-a11y/label-has-associated-control": [ 2, { "labelComponents": ["label"], "labelAttributes": ["htmlFor"], "controlComponents": ["Text"] }] }, "parser": "babel-eslint", "extends": [ "airbnb" ] } 当我将 Text 更改为 input 时，错误消失了，所以感觉我误解了它的工作原理。关于如何允许 Text 作为可接受的 input 有什么建议吗？ label-has-for 在 v6.1.0 中已弃用。请改用 label-has-linked-control。 删除已弃用的规则 // .eslintrc "rules": { "jsx-a11y/label-has-for": "off", "jsx-a11y/label-has-associated-control": [ 2, { "labelComponents": [ "Label" ], "labelAttributes": ["label"], "required": "either" }] } 但是，为了提供答案，组件选项确定应检查哪些 JSX 元素是否具有 htmlFor 属性，在您的情况下，从提供的信息中尚不清楚。 已弃用的规则：对于某些人 // .eslintrc "rules": { "jsx-a11y/label-has-for": [ 2, { "components": [ "Label" ], "required": { "some": [ "nesting", "id" ] } }] } // Label component const Label = ({htmlFor, label}) => <label htmlFor={htmlFor}>{label}</label> // usage <Label htmlFor="test" label="label" /> <input id="test"></input> 已弃用的规则：对于每个 // .eslintrc "jsx-a11y/label-has-for": [ 2, { ... "required": { "every": [ "nesting", "id" ] } }] // usage <Label htmlFor="test" label="label"> <input id="test"></input> </Label>

Eslint 正在终端工作，但在编辑器 UI (VSCode) 中未显示错误

我已按照以下步骤安装了 ESlint：https://travishorn.com/setting-up-eslint-on-vs-code-with-airbnb-javascript-style-guide-6eb78a535ba6 现在，我的 ESlint 正在终端上工作......