prettier-eslint 相关问题

如何禁用 eslint 上的错误（prettier/prettier）？

在编码时，我没有使用 eslint。现在我安装了它，它让我的编辑器充满了更漂亮/更漂亮的错误，这些错误似乎并没有让我的代码更漂亮。我正在寻找一种方法...

Prettier 删除逗号后的空格

我想要逗号后有一个空格。但每当我保存代码时，prettier 都会删除逗号和空格。有什么办法可以防止 prettier 删除空白吗？ 预期代码：tl.to(...

如何配置 tslint 或 prettier 来删除 if/while/for 和 () 之间的空格？

我正在设置 React 项目并使用 tslint、prettier 和 tslint-config-prettier 格式化我的代码。还可以使用 vscode 自动格式化。 如何删除 if/while/for 和括号之间的空格，如 'if()...

如何配置 tslint 或 prettier 来删除 if/while/for 和 () 之间的空格？

我正在设置 React 项目并使用 tslint、prettier 和 tslint-config-prettier 格式化我的代码。还可以使用 vscode 自动格式化。 如何删除 if/while/for 和括号之间的空格，如 'if()...

运行 Prettier 时出现问题：退出代码 2 和意外标记“:”

每次我尝试提交或运行yarn format（使用此脚本：“format”：“prettier --config \”packages/**/*。{ts，tsx} \“”）或运行make fmt，我收到以下错误

如果Makefile遇到未定义的变量就让make失败

我的 Makefile 中有一个错误： 验证更漂亮： $(PRETTIER) --检查 **/*.yaml **/*.yml var PRETTIER 未设置。 结果： 检查 **/*.yaml **/*.yml bash：第 1 行：检查：未找到命令...

使用 Prettier 进行自动 Tailwind 类排序无法按照文档中所述工作

我在 macOS 和 VSCode 上遇到 Prettier 自动 Tailwind 类排序插件的问题。根据文档，自定义类应该排序到类的前面...

如何禁用nextjs中某些文件夹的eslint？

我想在 NextJs 中执行 npm run build 时禁用某些文件夹的 eslint 我不想这样配置： 模块. 导出 = { eslint: { dirs: ['pages', 'utils'], // 仅在 ... 上运行 ESLint

使用 typescript-eslint 创建自定义规则时可以访问常量值吗？

我正在尝试使用 @typescript-eslint/utils 添加自定义 ESLint 规则，以在 Category 的 prop 类型与正则表达式不匹配时显示警告： 从'@typescript-eslint导入{ESLintUtils，TSESTree}...

如何解决Eslint插件歧义？

我有一个 eslint 配置，它扩展了其他一些配置。这些包依赖于“@typescript/eslint-plugin”，但它们使用不同的版本。 扩展：['airbnb', 'airbnb-typescript', '@some-p...

如何将数据传递给自定义ESLint规则？

我编写了一个自定义 ESLint 规则，如下所示： //------------------------------------------------ ------------------------------------------ // 规则定义 //---------------------------------------------------------。 ..

为什么 @typescript-eslint/no-redeclare 规则指示误报？

我有一个 typescript 项目，其中通过 eslint 和 typescript-eslint 支持 linting。 请注意，这只是一个最小的工作示例。 这是一个repl链接 索引.ts 函数 testfn（值：...

从 TypeScript 的 esLint 中删除函数警告中缺少返回类型

我正在将 eslint 与 TypeScript 结合使用。 我想关闭对函数显式返回类型的检查。 我已在 .eslintrc.js 中的规则中添加了属性“@typescript-eslint/exp...

在 `@typescript-eslint/parser` AST 中获取超类引用

给定以下类层次结构： 类 Foo { foo成员= 1； } 类 Bar 扩展 Foo { 酒吧成员 = 2; } @typescript-eslint/parser 的 AST 输出将 extends Foo 语句引用为

eslint 在将特定文件添加到ignorePatterns时会忽略所有文件

我正在尝试在 Next.js 项目中实现 eslint，但我不希望 next.config.js 被 linted。 我尝试将ignorePatterns添加到.eslintrc.json，添加.eslintignore文件并添加eslintIgnore

是否有 eslint 规则用于检测未使用的类属性？

我正在使用 Angular 项目，并且我的 ESLint 设置无法检测私有类变量何时未使用，例如 @成分{...} 导出类ExampleComponent { 私人示例属性：str...

在普通的 create-react-app --template typescript 文件夹中安装 eslint 失败

我正在尝试将 eslint 安装到从 TypeScript 模板创建的普通 create-react-app 文件夹中。 我运行了以下命令： % npx create-react-app REDACTED --模板打字稿

ESLint 错误：带有建议的规则必须将 `meta.hasSuggestions` 属性设置为 `true`（无显式任何规则）

我正在尝试向 .eslintrc.json 添加规则以禁止任何类型。 我将规则 ("@typescript-eslint/no-explicit-any": "error") 添加到我的设置中： { “环境”：{ ...

获取 typescript-eslint 来检测纱线存储库中的单次运行模式

我在大约 20 个 TypeScript 项目的 monorepo 中遇到了 typescript-eslint 内存不足错误。这是一个已知问题，缓解措施之一是启用单次运行检测...

添加plugin:@typescript-eslint/recommended-requiring-type-checking后，提示tsconfig中未包含该文件

我用 npx create-react-app my-app --template typescript 创建一个项目，然后我向其中添加打字稿类型检查，但我的 App.tsx 报告以下错误： 解析错误：ESLint 已配置...

typescript-eslint 规则，防止将带有类型参数的回调传递给不安全的函数

我试图在我的打字稿代码库中对任何内容都非常严格。我正在使用所有 no-unsafe-* 规则，因此我的 .eslintrc.js 包括： '@typescript-eslint/no-unsafe-argument': '错误', '@

启用 ESLINT：我收到错误：无法读取未定义的属性（读取“getTokens”）

当我尝试启用 ESLint 时，我的 React 应用程序遇到错误。我正在努力寻找原因，但还没有任何结果。有谁知道这个问题的原因可能是什么？哈...

用于防止泛型变量名称的 ESLint 插件或规则？

我一直在寻找一个 eslint 插件，它可以在通用变量/参数/函数名称上给出错误。我只找到相当乏味的答案（列出每个可能的符号而不进行模式匹配）...

ESLint：解析错误：意外的标记：

大家好我正在将我的 vue3 项目从 js 迁移到 typescript，我遇到了这个问题： 这是我在 .vue 文件中的代码 const toto = (msg: string) => { </desc> <question vote="7"> <p>大家好，我正在将我的 vue3 项目从 js 迁移到 typescript，我遇到了这个问题：</p> <p><a href="https://i.stack.imgur.com/y5tG8.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL3k1dEc4LnBuZw==" alt=""/></a></p> <p>这是我在 .vue 文件中的代码</p> <pre><code>&lt;script setup lang=&#34;ts&#34;&gt; const toto = (msg: string) =&gt; { console.log(msg) } &lt;/script&gt; </code></pre> <p>这是我的 eslintrc.js</p> <pre><code>module.exports = { &#39;env&#39;: { &#39;browser&#39;: true, &#39;es2021&#39;: true }, &#39;extends&#39;: [ &#39;eslint:recommended&#39;, &#39;plugin:vue/vue3-essential&#39; ], &#39;parserOptions&#39;: { &#39;ecmaVersion&#39;: 13, &#39;sourceType&#39;: &#39;module&#39; }, &#39;plugins&#39;: [ &#39;vue&#39; ], &#39;rules&#39;: { &#39;vue/multi-word-component-names&#39;: &#39;off&#39;, &#39;vue/object-curly-spacing&#39;: [2, &#39;always&#39;], &#39;vue/html-closing-bracket-spacing&#39;: [2, { &#39;selfClosingTag&#39;: &#39;always&#39; }], &#39;vue/max-attributes-per-line&#39;: [2, { &#39;singleline&#39;: { &#39;max&#39;: 1 }, &#39;multiline&#39;: { &#39;max&#39;: 1 } }], &#39;semi&#39;: [2, &#39;never&#39;] } } </code></pre> </question> <answer tick="true" vote="10"> <p>您需要配置 eslint 以支持 typescript，因为 eslint 不支持开箱即用。 首先，您需要安装<a href="https://www.npmjs.com/package/@typescript-eslint/parser" rel="nofollow noreferrer">@typescript-eslint/parser</a>，然后安装<a href="https://www.npmjs.com/package/@typescript-eslint/eslint-plugin" rel="nofollow noreferrer">@typescript-eslint/eslint-plugin</a>。 安装完这些后，请按如下方式更新您的配置 - </p> <pre><code>module.exports = { &#39;env&#39;: { &#39;browser&#39;: true, &#39;es2021&#39;: true, node: true }, &#39;extends&#39;: [ &#39;eslint:recommended&#39;, &#39;plugin:vue/vue3-essential&#39; ], &#39;parserOptions&#39;: { &#39;ecmaVersion&#39;: 12, &#39;sourceType&#39;: &#39;module&#39;, parser: &#39;@typescript-eslint/parser&#39; }, &#39;plugins&#39;: [ &#39;vue&#39;, &#39;@typescript-eslint&#39; ], &#39;rules&#39;: { &#39;vue/multi-word-component-names&#39;: &#39;off&#39;, &#39;vue/object-curly-spacing&#39;: [2, &#39;always&#39;], &#39;vue/html-closing-bracket-spacing&#39;: [2, { &#39;selfClosingTag&#39;: &#39;always&#39; }], &#39;vue/max-attributes-per-line&#39;: [2, { &#39;singleline&#39;: { &#39;max&#39;: 1 }, &#39;multiline&#39;: { &#39;max&#39;: 1 } }], &#39;semi&#39;: [2, &#39;never&#39;] } } </code></pre> </answer> <answer tick="false" vote="1"> <p>就我而言，问题是我使用解析器选项作为数组，而不是字符串：</p> <pre><code> parserOptions: { - parser: [&#39;@typescript-eslint/parser&#39;], + parser: &#39;@typescript-eslint/parser&#39;, }, </code></pre> </answer> <answer tick="false" vote="0"> <p>如果你在项目中同时使用 JS 和 TS，此配置有帮助</p> <pre><code> overrides: [ { files: [&#39;*.vue&#39;], parser: &#39;svelte-eslint-parser&#39;, parserOptions: { parser: { // Specify a parser for each lang. ts: &#39;@typescript-eslint/parser&#39;, js: &#39;espree&#39;, typescript: &#39;@typescript-eslint/parser&#39; } } } ], </code></pre> </answer> <answer tick="false" vote="-1"> <p>我在节点 v12.22.9 上遇到了这个问题。通过升级到 v14.21.2，我不再遇到解析错误。您可以使用命令升级/安装</p> <pre><code>nvm install v14.21.2 </code></pre> </answer> </body></html>

在 ESlint 中，如果有对象位于不同行，则使所有对象道具位于不同行

正在努力解决 eslint 的配置问题，基本上我想要实现的是在解构语句中，如果任何属性位于新行上，那么所有属性都应该位于单独的行上，相同...

在自定义 ESLint 规则的修复程序中，是否有一种简单的方法可以删除节点以及后面的换行符？

在自定义规则中（严格来说，是用于 typescript-eslint 的规则，但我不认为它对答案有影响），我想在某些情况下删除 ImportDeclaration 节点。问题是当我...

我无法让 Mapbox 在我的 NextJs 项目中工作

从 'react' 导入 React, { useEffect, useRef, useState }; // eslint-disable-line import/no-webpack-loader-syntax // @ts-忽略 从'！mapbox-gl'导入mapboxgl； 导入'mapbox-gl/dist/mapbox-gl....

在 VS Code 中没有获得新创建的扩展的建议

我的代码如下： /** * 输入自动完成提供者 */ 类InputAutoCompletionProvider { // eslint-disable-next-line class-methods-use-this 提供完成项目（文档，位置...

eslint 在覆盖中禁用扩展

如果你有一个覆盖，你想“降级”js解析器，你如何关闭父级的扩展？ parserOptions 很容易重写，因为它是基于键的。延长...

从对象文字符号内的另一个箭头函数调用箭头函数[重复]

我想使用对象文字表示法来生成命名空间： const featureGoogleAnalytics = { gTagId: 'G-XXXXXXX', // 您的 Google Analytics ID ... resetConsent: () => { // eslint-disable...

相当于 @typescript-eslint 中的 noUnusedParameters

我正在努力改善React+TS项目的开发者体验。我发现 noUnusedLocals 和 noUnusedParameters 对于该项目非常有用，但这些规则使开发变得复杂，尤其是......

vscode 和 typescript 模板文字类型

我在尝试使用 vsCcode 中的文字类型时遇到一些问题。使用文档中的示例， 你可以看到 eslint 正在抱怨代码。 （解析错误：输入expected.eslint） 我...

如何在 React 中使用带有 className 属性的 TailwindCSS 实用程序类

我为 React 创建了一个模板（样板）存储库，它提供 ESLint、Typescript、TailwindCSS 和 Jest 测试，并使用 Webpack 构建。 然而，TailwindCSS 实用程序类不...

ESLint 错误：找不到模块“解析/同步”

我已经创建了自己的包供个人使用，并将其连接到项目。一切都很完美，除了两件事我不明白。 这是我的 pac 中的依赖项...

401 在 Next.js 中处理 Clerk Webhook 时未经授权

当我使用 webhook 将职员数据同步到后端并执行所有步骤时，我在 vercel 日志上收到 401 错误 这是app/api/webhook/route.ts /* eslint-禁用驼峰式 */ 从“s...

React：[eslint]第0行：解析错误：DeprecationError：'originalKeywordKind'自v5.0.0以来已被弃用，无法再使用

我正在尝试将 TypeScript 集成到我用 CRA 创建的 React 项目中。 我一直有以下错误： 第 0 行：解析错误：DeprecationError：'originalKeywordKind' 已被弃用...

useEffect 中缺少依赖项

我知道这个问题已经被问了很多，我知道我可以使用 eslint 覆盖来禁用它。我知道如果你在 useEffect 中定义了函数，你就不会遇到这个问题，而且我知道......

Typescript ESLint 声明文件

我用谷歌搜索了一下，但找不到任何与此相关的信息，可能是因为我不太确定导致问题的原因。 我想在 node.js 全局对象上设置一个全局值。只是一个

如何修复“在索引 0 处找到带有非文字参数的 fs.readFile”？

我正在尝试在 TypeScript 项目中添加 eslint-plugin-security。然而，对于这些代码 从 'fs' 导入 { Promise as fsp }； 从 'fs' 导入 fs； 从“路径”导入路径； 常量索引=等待...

ESLint：检测特定类/类型上的字符串插值

我使用的记录器可以接受任一字符串值，如下所示： 类记录器{ 日志（消息：字符串| {消息：字符串，上下文：{[键：字符串]：字符串}}）{ 控制台.log(消息) } } 什...

如何解决“未找到规则‘@typescript-eslint/rule-name’的定义”

我正在尝试将 TypeScript 编译添加到现有的 Javascript 项目中。 据我所知，这应该是可能的（甚至很容易），并且您可以通过代码库逐步传播 TS。不幸的是