typescript-eslint 相关问题

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

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

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

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

如何解决Eslint插件歧义？

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

从 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 语句引用为

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

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

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

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

添加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 错误：带有建议的规则必须将 `meta.hasSuggestions` 属性设置为 `true`（无显式任何规则）

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

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><script setup lang="ts"> const toto = (msg: string) => { console.log(msg) } </script> </code></pre> <p>这是我的 eslintrc.js</p> <pre><code>module.exports = { 'env': { 'browser': true, 'es2021': true }, 'extends': [ 'eslint:recommended', 'plugin:vue/vue3-essential' ], 'parserOptions': { 'ecmaVersion': 13, 'sourceType': 'module' }, 'plugins': [ 'vue' ], 'rules': { 'vue/multi-word-component-names': 'off', 'vue/object-curly-spacing': [2, 'always'], 'vue/html-closing-bracket-spacing': [2, { 'selfClosingTag': 'always' }], 'vue/max-attributes-per-line': [2, { 'singleline': { 'max': 1 }, 'multiline': { 'max': 1 } }], 'semi': [2, 'never'] } } </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 = { 'env': { 'browser': true, 'es2021': true, node: true }, 'extends': [ 'eslint:recommended', 'plugin:vue/vue3-essential' ], 'parserOptions': { 'ecmaVersion': 12, 'sourceType': 'module', parser: '@typescript-eslint/parser' }, 'plugins': [ 'vue', '@typescript-eslint' ], 'rules': { 'vue/multi-word-component-names': 'off', 'vue/object-curly-spacing': [2, 'always'], 'vue/html-closing-bracket-spacing': [2, { 'selfClosingTag': 'always' }], 'vue/max-attributes-per-line': [2, { 'singleline': { 'max': 1 }, 'multiline': { 'max': 1 } }], 'semi': [2, 'never'] } } </code></pre> </answer> <answer tick="false" vote="1"> <p>就我而言，问题是我使用解析器选项作为数组，而不是字符串：</p> <pre><code> parserOptions: { - parser: ['@typescript-eslint/parser'], + parser: '@typescript-eslint/parser', }, </code></pre> </answer> <answer tick="false" vote="0"> <p>如果你在项目中同时使用 JS 和 TS，此配置有帮助</p> <pre><code> overrides: [ { files: ['*.vue'], parser: 'svelte-eslint-parser', parserOptions: { parser: { // Specify a parser for each lang. ts: '@typescript-eslint/parser', js: 'espree', typescript: '@typescript-eslint/parser' } } } ], </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>

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

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

相当于 @typescript-eslint 中的 noUnusedParameters

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

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

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

vscode 和 typescript 模板文字类型

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

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

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

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

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

Typescript ESLint 声明文件

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

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

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

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

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

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

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

Typescript 泛型类型问题

我有这段代码在“typescript”中运行良好：“3.8.3” 升级到 Angular 10 和 "typescript": "4.0.8" 后，我看到一些 typescript 错误：

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

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

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

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

OpenAPI 生成器 - typescript - 如何设置 API 密钥？

使用 OpenAPI typescript Generator，如何设置 API 密钥？这是使用 typescript-fetch 生成器执行此操作的方法 const api = new DefaultApi(新配置({ apiKey: apiEndpoints.

‘tslib’的下载量怎么可能超过‘typecrypt’？

'tslib'是一个'typescript'库，它怎么会比'typescripts'下载次数更多？如果不使用“typescript”，则无法使用“tslib”。使用“typescript”并不意味着“tslib”是...

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

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

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

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

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

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

如何使用`@ts-ignore`作为块？

// @ts-ignore 注释使 TypeScript 编译器能够忽略其下面的行。如何使用 TypeScript 忽略一整段代码？

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

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

生成构建时出错：[vite:load-fallback] 无法加载

问题似乎是我在TypeScript和路径（别名）中设置了baseUrl。 typeScript 的配置 "baseUrl": ".", “路径”：{ “屏幕/*”：[“./src/

自动完成功能不适用于 VSCode 中的 TypeScript + Node

所以如果我编写纯 JS (.js)，它的工作方式如下：但对于 TypeScript (.ts) 它不起作用：

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

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

Typescript 装饰器混乱

我一直在使用 TypeScript 装饰器，但只是没有运气让它们工作。我读过如何实现打字稿装饰器？还有http://blog.wolksoftware.com/decorators-reflection-

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

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

eslint 在覆盖中禁用扩展

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

多维嵌套数组的 Typescript 类型定义

如何定义typescript类型多维矩阵嵌套数组每层每个数组元素的长度仍然相同？类型固定数组 = T[] & { 冷...

如何针对非类 TypeScript 对象链接函数

我在 Pinia 商店中有一些 Vue3 (CompositionAPI) 代码，但更具体地说，这是一个 TypeScript 问题。代码如下所示：导出 const useCommonStore = DefineStore("common",...

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

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

Jest + TypeScript + Babel 未知选项：.0

我使用 Jest 为我的一些 Fauna DB 操作编写了一个集成测试。我尝试测试的源代码 (fauna.ts) 和测试本身 (fauna.test.ts) 都是 TypeScript 文件。我已经

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

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

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

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

在 HTML 文档中嵌入 TypeScript 代码

是否可以在网页中嵌入 TypeScript 代码？我想将 TypeScript 代码嵌入到脚本标签中，如下所示（以便它自动编译为 Javascript）： <p>是否可以在网页中嵌入 TypeScript 代码？我想将 TypeScript 代码嵌入到脚本标签中，如下所示（以便它自动编译为 Javascript）：</p> <pre><code><script type = "text/typescript"> //TypeScript code goes here </script> </code></pre> </question> <answer tick="true" vote="28"> <p>实际上有几个项目允许您使用类似的 TypeScript 代码 - <a href="https://github.com/niutech/typescript-compile" rel="noreferrer">TypeScript Compile</a>、<a href="https://github.com/ComFreek/ts-htaccess" rel="noreferrer">ts-htaccess</a>。</p> <p>这里的问题是 .ts 代码应该编译成 JavaScript - 它可以在客户端完成（速度慢；整个 TSC 也应该加载到客户端）或在服务器端完成（显然更快，而且它更快）在编译代码上利用缓存要容易得多）。</p> </answer> <answer tick="false" vote="18"> <p>这是我编写的版本，<strong>直接</strong>使用 Microsoft/TypeScript/master 的版本，因此它始终保持最新：<a href="https://github.com/basarat/typescript-script" rel="noreferrer">https://github.com/basarat/typescript-script</a></p> <p>您甚至可以将 <pre><code>ts</code></pre> 指向您可能拥有的任何其他 TypeScript 版本，它会正常工作 🌹</p> </answer> <answer tick="false" vote="6"> <p>已经为此目的开发了一个 JavaScript 库 - 它称为 <a href="https://github.com/niutech/typescript-compile" rel="noreferrer">TypeScript Compile</a>，它允许将 Typescript 嵌入到 HTML 中（如上所示。）</p> </answer> <answer tick="false" vote="0"> <p>我写这篇文章的目的是为了在浏览器中编译 TypeScript，以便我可以编写快速简单的示例来分享。</p> <p><a href="https://github.com/Sean-Bradley/text-typescript" rel="nofollow noreferrer">https://github.com/Sean-Bradley/text-typescript</a></p> <p>使用，</p> <pre><code><script type="text/typescript"> // Your TypeScript code here </script> </code></pre> <p>并包含依赖项。</p> <pre><code><script src="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" data-cfemail="67131e17021404150e1713275249544954">[email protected]</a>"></script> <script defer src="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" data-cfemail="3743524f431a434e47524454455e4743770619041907">[email protected]</a>"></script> </code></pre> <p>一个完整的示例，您可以复制/粘贴到 HTML 文档中并在本地尝试。</p> <pre><code><!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>"text/typescript" example</title> <meta name="description" content="Transpiling and executing TypeScript in the browser" /> <style> body { overflow: hidden; margin: 0px; font-size: 15vw; } </style> <script type="text/typescript"> function foo(bar: string) { return "Hello " + bar; } let baz = "World!"; document.getElementById("root").innerHTML = foo(baz); </script> <script src="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" data-cfemail="13676a63766070617a636753263d203d20">[email protected]</a>"></script> <script defer src="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" data-cfemail="ec98899498c198959c899f8f9e859c98acddc2dfc2dc">[email protected]</a>"></script> </head> <body> <div id="root"></div> </body> </html> </code></pre> <p>你可以看到它在这里、现在、今天发挥作用。</p> <p><a href="https://editor.sbcode.net/f1f4b5a73ec40283d1ddb37bb1e71f7e4e31b487" rel="nofollow noreferrer">https://editor.sbcode.net/f1f4b5a73ec40283d1ddb37bb1e71f7e4e31b487</a></p> </answer> </body></html>

node/nodemon 中是否有对 typescript 的源映射支持？

我有一个用 typescript@2 编写的节点项目。我的 tsconfig 将 sourceMap 设置为 true 并生成 *.map.js 文件。当我通过 node 或 nodemon 执行转译的 *.js JavaScript 文件时，我...

TypeScript 运算符的优先级是什么？

在 TypeScript 中编写复杂类型时，不同的运算符具有一定的优先级。例如，这段代码：地图类型[T] 直观上，我们可以认为它相当于： typeof（地图...

Typescript union 有 Java 等价物吗？

我想从打字稿代码库中建模一些接口和类。我想知道在 Java 中对 TypeScript 联合进行建模的最佳方法。像这样的东西- 导出类型 a = b | c | d |电子| F;

useEffect 中缺少依赖项

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

Draggable React typescript 扩展组件

我是 React 和 Typescript 的初学者。想要制作一些带有拖动效果的很酷的打开窗口。找到draggable包，但我不明白如何像扩展组件一样使用它。从电话里写信...

typescript .d.ts 文件无法被 typescript 识别，但 vsc

更新：它不是打字稿，而是 ts-node“问题” 我回答自己，所以如果你仍然对这个“问题”感兴趣 - 进一步阅读:) 对困惑感到抱歉也许我完全有

typescript-eslint 相关问题

最新问题