eslint 相关问题

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

自定义 ESLint 规则以禁止 zod 中的 z.string().url()

在幕后,Zod 的 url() 使用 new URL() 来检查有效性。遗憾的是,React Native 上的 URL 类已损坏并接受任何内容,因此我想使用其他方法来检查 URL 有效性。我怎样才能

回答 1 投票 0

“no-use-before-define”对声明的函数发出警告的目的是什么?

我对来自规则 no-use-before-define 的 eslint 警告感到困惑: 这个规则对于避免函数表达式引起的错误非常有意义,例如 // 情况1: // 不正确的代码;埃斯林特瓦...

回答 2 投票 0

如果我没有将所有参数传递给方法,有什么方法可以让 eslint 警告我吗?

如果我调用函数或方法而不提供所有参数,有什么方法可以让 ESLint 给出警告/错误吗? 我知道 JS 将缺少的参数视为未定义,但这会非常他......

回答 2 投票 0

检查 ESLint 中参数的数量是否正确

我发现 ESLint 在 Javascript 编码时非常有用,但我想知道为什么没有规则来检查函数调用中参数的数量是否正确: 函数 myFunction(param1) { } ...

回答 2 投票 0

如何使用带有扩展和 TypeScript 的新 ESLint 配置文件语法

一直在到处寻找这样的例子,但没有找到一个,而且我自己也没有成功设置它。我正在尝试为我的 React 利用新的 ESLint 配置文件格式

回答 1 投票 0

在 Typescript 中使用 React.forwardRef 而不使用 props

我正在尝试将引用转发到不带任何道具的 Typescript 组件。当我使用 React.forwardRef 时,它需要两个参数:props 和 ref。我的组件不使用 props。我怎样才能...

回答 3 投票 0

ReactJS CRA 应用程序的 Intellij 自动修复 eslint 保存功能不可靠

使用 Javascript(不是 Typescript)使用 Create-React-App (CRA) 构建的 ReactJS,每当我在 IntelliJ 中启用 Autofix Eslint 时,它都会工作一段时间,但最终会停止自动...

回答 1 投票 0

使用 Yarn PnP 在 VSCode 中找不到模块“prettier”(扩展不适用于 YARN PnP)

自从升级到 Yarn 2+ (Berry) 以及后来支持 PnP 的 Yarn 4 以来,VSCode 无法解析 prettier、eslint 等扩展的位置。在 VSCode 中,我收到以下错误消息: 呃...

回答 1 投票 0

检测javascript中类实例未定义的方法名称

我正在使用一个新的大型 javascript 代码库,该代码库正在开发中。正如在大型代码库中经常发生的那样,许多人添加了未经测试的代码。我刚刚花了很多时间...

回答 2 投票 0

在 Visual Studio Code 上禁用 webpack.config.js 文件的 ESLint

我正在使用带有 vscode-eslint 扩展的 Visual Studio Code,但我收到了有关 webpack.config.js 文件本身的警告,如下所示。 如何禁用此文件的 eslint 验证

回答 2 投票 0

为什么我们不需要在最终用户应用程序中安装 eslint 插件来使用 @vercel/style-guide?

这是一个关于使用 pnpm 时 ESLint 中插件模块解析的问题。网上有很多关于这个问题的文章和答案,我读过大部分。 我还对 pnpm 进行了自我教育

回答 1 投票 0

eslint 规则要求反应组件使用特定的 prop?

我正在使用无法修改的3p组件库。但是,我希望在表单中使用特定的组件道具时始终需要它。这是一个例子: 我正在使用无法修改的3p组件库。但是,我希望在表单中使用特定的组件道具时始终需要它。这是一个例子: <div className="my-header-actions"> <CustomButton /> // This is fine <CustomButton someProp="wizbang" /> // This is fine </div> <form> <CustomButton someProp="wizbang" /> // This is fine <CustomButton /> // This should error & require someProp </form> 在上面的示例中,如何创建仅在这样的表单中使用时才需要 someProp 的 eslint 配置? 这可以使用无限制语法规则来完成: "no-restricted-syntax": [ "error", { selector: "JSXElement[openingElement.name.name='CustomButton']:not(:has(JSXAttribute[name.name='someProp']))", message: 'You must pass `someProp` when creating a <CustomButton>.' } ]

回答 1 投票 0

WebStorm“eslint --修复保存”功能不起作用。但在终端 ESLint 运行良好

我正在使用“eslint --fix on save”功能。昨天它停止工作了。但它在终端中仍然运行良好。此问题仅出现在WebStorm中。 IDE 返回错误: 错误:失败...

回答 1 投票 0

忽略 eslint 错误:“导入”和“导出”可能只出现在顶层

是否可以在 eslint 中停用此错误? 解析错误:“导入”和“导出”可能只出现在顶层

回答 5 投票 0

没有设置vue-eslint-parser,但是检查了eslint-plugin-vue中定义的规则

https://eslint.vuejs.org/user-guide/#what-is-the-use-the-latest-vue-eslint-parser-error 从这个链接我了解到,当使用 eslint-plugin-vue 时,我们应该将 vue-eslint-parser 设置为 eslint 解析器....

回答 1 投票 0

next.js 应用程序的推荐文件夹和文件命名约定(eslint 设置)是什么?

a) Next.js 在其主文件名称中使用下划线,例如_app.js, _document.js => 使用snake_case 的参数。 b) 在 GitLab 存储库中,Next.js 使用 kebap-case 作为文件夹名称 嗯……

回答 2 投票 0

如何修复“按钮”交互角色必须可聚焦

我有用户可以选择的下拉选项列表。 下拉列表中的选项是用标签制作的:< a href>: handleSelect(过滤器)}角色=“按钮”> {过滤器.名称} 我有用户可以选择的下拉选项列表。 下拉列表中的 optinos 是用标签制作的::< a href> <a onClick={() => handleSelect(filter)} role="button"> {filter.name} </a> 问题是因为我必须添加 tabIndex="0" or -1,以修复 Eslint 的错误。 但是当我添加tabIndex=0时,我的按钮不再起作用。 还有其他方法可以修复这个错误吗? 这就是下拉组件的外观: <ul name="filters" className="dropdown"> {filterOptions.map((filter) => ( <li key={filter.id} defaultChecked={filter.name} name={filter.name} className={`option option-${filter.selected ? 'selected' : 'unselected'}`} > <span className={`option-${filter.selected ? 'checked-box' : 'unchecked-box'} `} /> <a onClick={() => handleSelect(filter)} role="button"> {filter.name} </a> </li> ))} </ul> 按钮是交互式控件,因此是可聚焦的。如果按钮 角色被添加到本身不可聚焦的元素(例如 <span>、<div> 或 <p>)那么,必须使用 tabindex 属性 使按钮可聚焦。 https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/button_role#Accessibility_concerns HTML 属性 tabindex 对应于中的属性 tabIndex 反应。 https://reactjs.org/docs/dom-elements.html 所以我认为@S..答案是正确的: <a onClick={() => handleSelect(filter)} role="button" tabIndex={0} > {filter.name} </a> 添加选项卡索引: <a onClick={() => handleSelect(filter)} role="button" tabIndex={0}> {filter.name} </a>

回答 2 投票 0

React 延迟加载组件

我试图延迟加载组件,但 es-lint 给了我警告: 快速刷新仅在文件具有导出时才有效。将您的组件移动到单独的文件中。 使用 React.component 类不会改变

回答 1 投票 0

如何修复 Typescript 中的“此元素无法重命名”?

是什么原因导致 VS 代码编辑器决定我的打字稿符号无法重命名?我正在尝试使用 f2 键更改符号并遇到错误消息“此元素无法重命名”...

回答 2 投票 0

如何避免React中的ESLint警告:快速刷新仅在文件仅导出组件时才起作用?

任务: 我正在尝试使用 React.lazy 函数来动态加载 React 组件。 问题: 我收到以下 ESLint 警告: ESLint:快速刷新仅在文件仅导出组件时有效。

回答 1 投票 0

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