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 行:检查:未找到命令...


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

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


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

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


使用 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 规则的修复程序中,是否有一种简单的方法可以删除节点以及后面的换行符?

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


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

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


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

我想使用对象文字表示法来生成命名空间: 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。不幸的是


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