使用 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 配置,它扩展了其他一些配置。这些包依赖于“@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") 添加到我的设置中: { “环境”:{ ...
大家好我正在将我的 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 节点。问题是当我...
我在尝试使用 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' 已被弃用...
我用谷歌搜索了一下,但找不到任何与此相关的信息,可能是因为我不太确定导致问题的原因。 我想在 node.js 全局对象上设置一个全局值。只是一个
如何修复“在索引 0 处找到带有非文字参数的 fs.readFile”?
我正在尝试在 TypeScript 项目中添加 eslint-plugin-security。然而,对于这些代码 从 'fs' 导入 { Promise as fsp }; 从 'fs' 导入 fs; 从“路径”导入路径; 常量索引=等待...
我想在 NextJs 中执行 npm run build 时禁用某些文件夹的 eslint 我不想这样配置: 模块. 导出 = { eslint: { dirs: ['pages', 'utils'], // 仅在 ... 上运行 ESLint
我编写了一个自定义 ESLint 规则,如下所示: //------------------------------------------------ ------------------------------------------ // 规则定义 //---------------------------------------------------------。 ..
我有这段代码在“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
我正在使用 Angular 项目,并且我的 ESLint 设置无法检测私有类变量何时未使用,例如 @成分{...} 导出类ExampleComponent { 私人示例属性:str...
OpenAPI 生成器 - typescript - 如何设置 API 密钥?
使用 OpenAPI typescript Generator,如何设置 API 密钥? 这是使用 typescript-fetch 生成器执行此操作的方法 const api = new DefaultApi(新配置({ apiKey: apiEndpoints.
如何禁用 eslint 上的错误(prettier/prettier)?
在编码时,我没有使用 eslint。现在我安装了它,它让我的编辑器充满了更漂亮/更漂亮的错误,这些错误似乎并没有让我的代码更漂亮。我正在寻找一种方法...
启用 ESLINT:我收到错误:无法读取未定义的属性(读取“getTokens”)
当我尝试启用 ESLint 时,我的 React 应用程序遇到错误。我正在努力寻找原因,但还没有任何结果。有谁知道这个问题的原因可能是什么?哈...
'tslib'是一个'typescript'库,它怎么会比'typescripts'下载次数更多? 如果不使用“typescript”,则无法使用“tslib”。 使用“typescript”并不意味着“tslib”是...
我一直在寻找一个 eslint 插件,它可以在通用变量/参数/函数名称上给出错误。我只找到相当乏味的答案(列出每个可能的符号而不进行模式匹配)...
在 ESlint 中,如果有对象位于不同行,则使所有对象道具位于不同行
正在努力解决 eslint 的配置问题,基本上我想要实现的是在解构语句中,如果任何属性位于新行上,那么所有属性都应该位于单独的行上,相同...
// @ts-ignore 注释使 TypeScript 编译器能够忽略其下面的行。 如何使用 TypeScript 忽略一整段代码?
生成构建时出错:[vite:load-fallback] 无法加载
问题似乎是我在TypeScript和路径(别名)中设置了baseUrl。 typeScript 的配置 "baseUrl": ".", “路径”:{ “屏幕/*”:[“./src/
从 'react' 导入 React, { useEffect, useRef, useState }; // eslint-disable-line import/no-webpack-loader-syntax // @ts-忽略 从'!mapbox-gl'导入mapboxgl; 导入'mapbox-gl/dist/mapbox-gl....
自动完成功能不适用于 VSCode 中的 TypeScript + Node
所以如果我编写纯 JS (.js),它的工作方式如下: 但对于 TypeScript (.ts) 它不起作用:
我一直在使用 TypeScript 装饰器,但只是没有运气让它们工作。我读过如何实现打字稿装饰器?还有http://blog.wolksoftware.com/decorators-reflection-
我的代码如下: /** * 输入自动完成提供者 */ 类InputAutoCompletionProvider { // eslint-disable-next-line class-methods-use-this 提供完成项目(文档,位置...
如果你有一个覆盖,你想“降级”js解析器,你如何关闭父级的扩展? parserOptions 很容易重写,因为它是基于键的。延长...
Blazor 使用 typescript 并导入 Three.js
我正在开发一个 Blazor WASM 应用程序,其中使用 Microsoft.TypeScript.MSBuild nuget 包,以便对所有相关的 javascript 代码使用 typescript。 但当涉及到进口...
如何定义typescript类型多维矩阵嵌套数组 每层每个数组元素的长度仍然相同? 类型固定数组 = T[] & { 冷...
我在 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 文件。我已经
我已经创建了自己的包供个人使用,并将其连接到项目。一切都很完美,除了两件事我不明白。 这是我的 pac 中的依赖项...
在使用我发布的包时出现错误“TextEncoder 不是构造函数”
我用 ReactJs、TypeScript 和 rollup 编写了一个包。 这是我的 rollup.config 从“@rollup/plugin-node-resolve”导入解析; 从“@rollup/plugin-typescript”导入打字稿; 进口...
401 在 Next.js 中处理 Clerk Webhook 时未经授权
当我使用 webhook 将职员数据同步到后端并执行所有步骤时,我在 vercel 日志上收到 401 错误 这是app/api/webhook/route.ts /* eslint-禁用驼峰式 */ 从“s...
是否可以在网页中嵌入 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 文件时,我...
我知道这个问题已经被问了很多,我知道我可以使用 eslint 覆盖来禁用它。我知道如果你在 useEffect 中定义了函数,你就不会遇到这个问题,而且我知道......
在 TypeScript 中编写复杂类型时,不同的运算符具有一定的优先级。 例如,这段代码: 地图类型[T] 直观上,我们可以认为它相当于: typeof(地图...
我想从打字稿代码库中建模一些接口和类。我想知道在 Java 中对 TypeScript 联合进行建模的最佳方法。 像这样的东西- 导出类型 a = b | c | d |电子| F;