eslint 相关问题

适用于JavaScript和相关框架的可插入linting实用程序。

ESLint 限制使用 React.StatelessComponent 和 React.FunctionalComponent

是否有一条规则可以禁止使用 React.StatelessComponent 或 React.FunctionalComponent 以仅使用 React.FC 例如: 导出 const ComponentOne: React.StatelessComponent 是否有一条规则,我可以禁用 React.StatelessComponent 或 React.FunctionalComponent 只使用 React.FC 例如: export const ComponentOne: React.StatelessComponent<Props> = (props) => { return <....> }; export const ComponentTwo: React.FunctionalComponent<Props> = (props) => { return <....> }; 应由 ESLint 强制写为 export const ComponentOne: React.FC<Props> = (props) => { return <....> }; export const ComponentTwo: React.FC<Props> = (props) => { return <....> }; 我认为通过no-restricted-syntax规则是可能的,但无法从文档中弄清楚。 好吧终于弄清楚了,可以使用规则来实现这一点@typescript-eslint/ban-types "@typescript-eslint/ban-types": ["error", { "types": { "React.StatelessComponent": { "message": "Please use React.FC instead.", "fixWith": "React.FC" }, "React.FunctionalComponent": { "message": "Please use React.FC instead.", "fixWith": "React.FC" }, } } ] 如何禁止React.FC(为什么?https://github.com/facebook/create-react-app/pull/8177): "@typescript-eslint/no-restricted-types": [ "error", { types: { "React.FC": { message: "Useless and has some drawbacks, see https://github.com/facebook/create-react-app/pull/8177", }, "React.FunctionComponent": { message: "Useless and has some drawbacks, see https://github.com/facebook/create-react-app/pull/8177", }, "React.FunctionalComponent": { message: "Preact specific, useless and has some drawbacks, see https://github.com/facebook/create-react-app/pull/8177", }, }, }, ], React.StatelessComponent 和 React.SFC 已从 @types/react >= 18 中删除 React.VoidFunctionComponent 和 React.VFC 已弃用,最终将被删除(因此无需通过 ESLint 禁止它们) React.FunctionalComponent 特定于 Preact 无限制类型的 Eslint 文档

回答 2 投票 0

如何配置 Microsoft Security DevOps 的 ESLint 扫描以生成正确的命令行输出?

我正在尝试根据此处的说明配置 MSDO 的 ESLint 扫描: https://github.com/microsoft/security-devops-action/wiki#ESLint-options 我想在这里重现该命令(li...

回答 1 投票 0

Eslint 9 在defineEmits 上出现 typescript 和 vue 错误

升级我的astro博客的依赖项后,我偶然发现了最新的eslint版本和typescript + vue的一个奇怪的问题。 我遵循了 eslint、tslint、eslint 的官方文档-

回答 1 投票 0

当提供的文件没有标题时禁用或覆盖 jsx-a11y/media-has-caption

我有一个音频文件,我正在从内容中查询,但我没有显示数据,而是不断收到此 eslintrule 弹出窗口。 这是一个音频文件,因此没有字幕。有没有办法禁用此功能或

回答 2 投票 0

jsx-a11y/media-has-caption 的 eslint 问题

我有一个音频文件,我正在从 contentful 中查询,但我没有显示数据,而是不断收到此 eslintrule 弹出窗口,它是一个音频文件,因此没有字幕。有没有办法禁用此功能或

回答 2 投票 0

NextJS 15 下正确的 eslint 配置

我刚刚升级到NextJS 15.0.1,eslint 9.13.0,@next/eslint-plugin-next 15.0.1 我不知道如何在构建过程中消除此错误: 您的 ESLint 中未检测到 Next.js 插件

回答 1 投票 0

ng lint 找不到模块“@typescript-eslint/utils”

我最近在我的 Angular 项目中添加了 linting,最初工作正常,但最近停止工作。当我运行 ng lint 时,收到以下错误消息: 发生未处理的异常:

回答 1 投票 0

如何解决在使用 Github 高级安全性运行安全扫描时由于在 jquery 库中使用 html() 方法而导致的 eslint 错误?

我们正在使用 Azure Dev Ops 管道和 Github Advanced Security 来扫描我们的存储库是否存在安全风险。 ESLint 正在标记违反两条规则的行为:@microsoft/sdl/no-html-method 和 @micros...

回答 1 投票 0

ESLint 平面配置(TS) - 它扫描未包含的文件

我将 ESLint 与打字稿结合使用,并编写了 eslint.config.mjs,如下所示。 从“eslint-plugin-import”导入 importPlugin; 从“@eslint/js”导入js; 从 'typescript-

回答 1 投票 0

如何修复 - '全局'未定义”no-undef

在新的 eslint 平面文件配置中,如何解决这个问题? 我已经添加了以下内容但不起作用。 从“全局变量”导入全局变量; 全局变量:{ ...globals.browser, ...

回答 1 投票 0

为什么 linting 失败并显示“Unexpected token”。关于“import.meta.url”?

我有以下 lint 配置... { “扩展”:[“eslint:推荐”,“谷歌”], “解析器选项”:{ “ecma版本”:2020, “源类型”:“模块” }, “规则”:{ “require-jsdoc”:...

回答 2 投票 0

为什么eslint会检查index.html文件?

为什么eslint会检查index.html文件? 我正在尝试使用此 eslint 配置对使用 nx monorepo 创建的 Analogjs 项目进行 lint(我知道该配置中有什么问题,因为如果我删除了 co 的路径...

回答 1 投票 0

了解 React Hooks 'exhaustive-deps' lint 规则

我很难理解“exhaustive-deps”lint 规则。 我已经阅读了这篇文章和这篇文章,但我找不到答案。 这是一个存在 lint 问题的简单 React 组件: 合作...

回答 3 投票 0

React Native 0.73.9 在使用 ESLINT 保存时未格式化

我最近将 React Native 升级到了 0.73.9。我没有注意到,但我的文件不再根据 Eslint 配置进行格式化。我也没有从回调 [] 中得到建议。我目前...

回答 1 投票 0

Eslint 规则在导入中放置新行

我正在寻找的规则在这种情况下应该显示错误: 导入{MY_CONSTANT1,MY_CONSTANT2,MY_CONSTANT3} 在这种情况下被认为是好的: 进口 { MY_CONSTANT1, 我的常量2,

回答 6 投票 0

如何强制使用平面配置的 ESLint 遵守 tsconfig (useDefineForClassFields) 发现的规则

我正在寻找使 ESLint 的行为方式与 tsconfig.json 中的规则检查相同的方法 代码: 导出类 SomePage { commentsButton = this.page.getByTestId('open-comments'); 构造函数(私有 p...

回答 1 投票 0

错误:prettier.resolveConfig 不是函数(ESLint/Prettier 规则)

我在 React 项目中进行 linting 时遇到错误: 错误:prettier.resolveConfig 不是函数 在对“path”进行 linting 时发生 规则:“更漂亮/更漂亮” 这些依赖项是

回答 1 投票 0

诊断中报告了两次 ESLint 和 TSServer 错误

我正在尝试为我的 React (TypeScript) 项目配置 ESLint。 这是我位于项目根目录中的初始 eslint.config.js 文件。 // @ts-检查 从“@eslint/js”导入 eslint

回答 1 投票 0

解决此错误:使用 JSX 时“React”必须在范围内

我使用的是React18.2.0,运行项目时出现如下错误 我看到一些解决方案建议如果我使用 Eslint(我就是),我应该在规则中禁用反应范围...

回答 2 投票 0

如何使用 eslint-plugin-import 将导入类型始终放在最后一个

我有一个反应本机项目,其中我使用以以下开头的绝对路径 组件/功能/或基础设施/ 我希望它们与节点模块导入分开,但我想 进口...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.