eslint 相关问题

如何在不破坏react-refresh的情况下使用索引文件？

假设我有一个模块 foo，里面有一些东西： // foo/index.js 从 './SomeComponent' 导出 { 默认为 SomeComponent } 从 './utilities' 导出 { someUtil } 导出常量 SOME_CONSTANT =...

Vue @click="show = true" 错误 将 `show·=·true` 替换为 `(show·=·true)` eslint(prettier/perttier)

错误 @click=“显示=真” 使固定 @click =“（显示=真）” .eslintrc.js 模块. 导出 = { 根：真实， 延伸：[ 'eslint：推荐'， '插件：vue/强烈推荐'，...

ESLint规则开发过程中如何调试

我有 C# 背景，因此在 Visual Studio 中按 F5 并获得了美妙的调试体验，这让我很开心。 我想进入 OSS，并且当我使用 ESLint 时，我经常想尝试回馈。 ...

Eslint Angular 和 jasmine：未定义 no-undef

我正在尝试使用 Angular、eslint:recommended 和 jasmine 插件推荐设置来检查我的 Angular 代码。但是我得到的是关于茉莉花的未定义错误。 我的 eslint 文件看起来像...

构建期间的 NextJS 15 警告：“在您的 ESLint 配置中未检测到 Next.js 插件...”

使用 eslint.config.mjs 的 Typescript 项目。升级到 NextJS 后，开始看到此警告消息： 在您的 ESLint 配置中未检测到 Next.js 插件。请参阅 https://nextjs.org/...

创建 Eslint 插件作为库的一部分？

我不想将 eslint 插件发布为自己的 npm 工件以与其他项目共享。 相反，我已经发布了其他项目使用的 npm 包。 那么我是否可以把

将扩展转换为 v9 时出现 ESLint 迁移问题

我正在尝试通过迁移 ESLint 将 .eslintrc.cjs 转换为 eslint.config.js。 我当前的配置文件有 扩展：['eslint：推荐'， '插件：vue/vue3-推荐', '插件：@

.eslintrc 到 eslint.config.mjs -> 迁移到新配置语法时出现错误

这是我的旧 .eslintrc { “环境”：{ “浏览器”：正确， “es6”：正确， “节点”：真 }, “延伸”：[ “eslint：推荐”， “插件：反应/推荐”， “插件：@typescript-

Typescript 在 import 语句之前为 ...rest 参数生成变量，导致 es-lint import/first 错误

使用 ...rest 传播 props 编译组件代码时遇到 es-lint 错误（在模块主体中导入）。 我想做的是创建具有默认设置的组件......

新 ESLint 配置的问题

我正在将 ESLint 配置从 8 升级到 9.14.0。但现在创建 eslint.config.js 文件后，当我运行 npx eslint 时，它给了我奇怪的错误。例如我有一个组件...

使用 Eslint（分号）修复一条规则

我正在尝试消除 Vue 项目中的所有分号，并且我已经搜索了如何使用 eslint 命令行来做到这一点。我发现了这个模式： eslint --no-eslintrc --fix --rule '规则定义 h...

如何在 Next.js 中启用 eslint 内联配置

我正在使用 TypeScript 开发 Next.js 项目。它需要与不支持 TypeScript 的外部 JavaScript 库交互，我通过 Next 的 组件加载该库...</desc> <question vote="0"> <p>我正在使用 TypeScript 开发 Next.js 项目。它需要与不支持 TypeScript 的外部 JavaScript 库交互，我通过 Next 的 <pre><code>&lt;Script&gt;</code></pre> 组件加载该库。它在开发中工作正常，但是当我尝试构建它时，构建失败并出现错误 <pre><code>Type error: Cannot find name &#39;x&#39;.</code></pre>，其中 <pre><code>x</code></pre> 是来自外部库的对象。我尝试过为它声明类型，但这是一个非常繁琐的工作，但收效甚微，因为它是一个经过良好测试的库。我只想抑制问题行的 lint 错误，但我似乎无法让它工作。这是我尝试过的：</p> <ol> <li>根据 eslint 文档包含内联注释。 <pre><code>// eslint-disable-next-line const y = new x.constructor(); </code></pre> 或者 <pre><code>const y = new x.constructor(); // eslint-disable-line </code></pre> （我在尝试这个列表的其余部分时留下了这个，因为它本身不起作用。）</li> <li>通过使用以下内容创建 <pre><code>.eslintrc.json</code></pre> 来覆盖 Next 的默认 eslint 规则： <pre><code>{ &#34;extends&#34;: [&#34;next/core-web-vitals&#34;, &#34;next/typescript&#34;], &#34;overrides&#34;: [ { &#34;files&#34;: [&#34;**/*.ts&#34;, &#34;**/*.tsx&#34;, &#34;**/*.mts&#34;], &#34;rules&#34;: { &#34;no-inline-config&#34;: &#34;off&#34; } } ] } </code></pre> </li> <li>通过创建 <pre><code>next.config.js</code></pre> 来修改 Next 的 eslint 配置，内容如下： <pre><code>module.exports = { eslint: { &#34;no-online-config&#34;: &#34;off&#34;, }, } </code></pre> （这会发出警告，<pre><code>Unrecognized key(s) in object: &#39;noInlineConfig&#39; at &#34;eslint&#34;</code></pre>。）</li> <li>破解 <pre><code>node_modules/next/bin/dist/bin/next</code></pre> 并删除代码 <pre><code>.option(&#34;--no-inline-config&#34;, &#34;Prevents comments from changing config or rules.&#34;)</code></pre>。</li> </ol> <p>除了选项 3 发出警告之外，这些都没有任何区别。出于明显的原因，我不想完全禁用 eslint，但如果我想要构建它，我看不到其他选项。我错过了什么？</p> <p><pre><code>package.json</code></pre>：</p> <pre><code>{ &#34;name&#34;: &#34;my-project&#34;, &#34;version&#34;: &#34;0.1.0&#34;, &#34;private&#34;: true, &#34;scripts&#34;: { &#34;dev&#34;: &#34;next dev&#34;, &#34;build&#34;: &#34;next build&#34;, &#34;start&#34;: &#34;next start&#34;, &#34;lint&#34;: &#34;next lint&#34; }, &#34;dependencies&#34;: { &#34;@emotion/react&#34;: &#34;^11.13.3&#34;, &#34;@emotion/styled&#34;: &#34;^11.13.0&#34;, &#34;@mui/icons-material&#34;: &#34;^6.1.0&#34;, &#34;@mui/material&#34;: &#34;^6.0.2&#34;, &#34;@mui/x-charts&#34;: &#34;^7.17.0&#34;, &#34;@mui/x-date-pickers&#34;: &#34;^7.16.0&#34;, &#34;dayjs&#34;: &#34;^1.11.13&#34;, &#34;next&#34;: &#34;^14.2.12&#34;, &#34;nuqs&#34;: &#34;^1.20.0&#34;, &#34;react&#34;: &#34;^18&#34;, &#34;react-dom&#34;: &#34;^18&#34; }, &#34;devDependencies&#34;: { &#34;@types/node&#34;: &#34;^20&#34;, &#34;@types/react&#34;: &#34;^18&#34;, &#34;@types/react-dom&#34;: &#34;^18&#34;, &#34;eslint&#34;: &#34;^8&#34;, &#34;eslint-config-next&#34;: &#34;14.2.8&#34;, &#34;typescript&#34;: &#34;^5&#34; } } </code></pre> </question> <answer tick="false" vote="0"> <blockquote> <p><pre><code>Type error: Cannot find name &#39;x&#39;</code></pre></p> </blockquote> <p>这不是 ESLint 报告。这是一份 <em>TypeScript</em> 报告。你的整个调查都走上了错误的道路。 🙂</p> <p>ESLint 和 TypeScript 都是在不运行代码的情况下提供代码反馈的工具（这称为“静态分析”）。但它们是两个非常工具：</p> <ul> <li><a href="https://eslint.org" rel="nofollow noreferrer">ESLint</a>运行一组可配置的单独规则，其中许多规则可以通过插件加载，例如<pre><code>eslint-plugin-next</code></pre></li> <li><a href="https://www.typescriptlang.org" rel="nofollow noreferrer">TypeScript</a> 是一种通用类型检查器，当您在代码中使用值的方式与其对可用内容+如何使用（“类型系统”）的理解不匹配时，它会报告</li> </ul> <p>任何以 <em>"<pre><code>Type error:</code></pre>"</em> 开头的报告都是 TypeScript 类型错误。抑制 TypeScript 类型错误的方法是使用内联 <pre><code>// @ts-expect-error</code></pre> <em>（首选）</em> 或 <pre><code>// @ts-ignore</code></pre> <em>（不太优选）</em>。请参阅 <a href="https://www.totaltypescript.com/concepts/how-to-use-ts-expect-error" rel="nofollow noreferrer">https://www.totaltypescript.com/concepts/how-to-use-ts-expect-error</a> 以获得良好的解释。</p> <hr/> <p>旁白：与其抑制 TypeScript 类型错误，不如告诉 TypeScript <pre><code>x</code></pre> 已存在。这样它就可以为 <pre><code>x</code></pre> 提供开发时帮助，并让您知道您是否使用错误。 <a href="https://www.typescriptlang.org/docs/handbook/declaration-files/by-example.html" rel="nofollow noreferrer">https://www.typescriptlang.org/docs/handbook/declaration-files/by-example.html</a>有文档。例如，使用 <pre><code>x</code></pre> 将 <pre><code>.constructor</code></pre> 声明为常量对象：</p> <pre><code>declare const x: { constructor: typeof Object; // or typeof whatever class } </code></pre> <p><a href="https://www.typescriptlang.org/play/?#code/CYUwxgNghgTiAEYD2A7AzgF3gDwFzwG8AoeUxVTGAVzAyRnwwE8AHEJAM3gHkAjAK3AYA3EQC+ooihAB3HADpk6DNVr0AFAEphQA" rel="nofollow noreferrer">https://www.typescriptlang.org/play/?#code/CYUwxgNghgTiAEYD2A7AzgF3gDwFzwG8AoeUxVTGAVzAyRnwwE8AHEJAM3gHkAjAK3AYA3EQC+ooihAB3HADpk6DNVr0AFAEphQA</a></p> </answer> </body></html>

Getting Prettier 和 ES Lint 使用 Nuxt 3 进行保存

我在 Nuxt 3 样板中进行 linting 设置是最困难的。 我的要求： 格式和风格规则更漂亮 ES Lint 用于修复有问题的模式和代码 视图

如何在 eslint 新平面配置中提供导入别名？

如何在新的扁平 eslint 配置中提供别名列表？我已经尝试过以下方法： 导出默认[ ... { 设置： { “导入/解析器”：{ 别名：{ ...

使用@angular-eslint/template-parser将ESLint9旧配置迁移到新的平面配置，因为模板解析器不起作用

使用工具 @eslint/migrate-config 迁移到新的 ESlint（版本 9）平面配置不起作用。 无法正确集成@angular-eslint/template-parser。 .eslintrc.json { “根...

将 .eslintrc 重新定位到父级后，ESLint 找不到配置“prettier/@typescript-eslint”

我有一个像这样的文件夹结构 父文件夹 > 组件 A > 组件B > 组件C 每个组件都有一个 package.json，它定义了一个yarn lint 命令（eslint &q...

vscode 更漂亮的设置

我最近换了一台新电脑，但很难找到更漂亮的设置。 （我认为它更漂亮，可能是 eslint）。 这张 gif 说明了正在发生的事情： http://g.recordit.co/H871...

“在模块主体中导入；重新排序到顶部导入/第一个”跨多个文件

我有与此答案相同的错误，只不过它不是只发生在一个文件中，而是发生在多个文件中；一旦我修复了一个文件，另一个文件就会弹出相同的错误。我见过这个...

图标链接没有文本eslint错误

我有一个 React 项目，它显示了一堆社交媒体链接，这些链接只是各自网站的图标。 我使用 icomoon 字体等来提供 icon-* 类来显示社交媒体

正在部署 Vite React，但由于导入而显示构建错误，但在本地它工作正常

这是文件夹结构 该代码在本地/本地构建上运行良好 - 但在 vercel 上部署 vite React 应用程序时出现错误 构建过程中出错： 无法解析“./components/