大家好我正在将我的 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>
我正在尝试将 Apache POI 导入 Atlassian Jira 插件以读取 excel 文件。 一开始，我开始只是添加 org.apache.poi 我正在尝试将 Apache POI 导入 Atlassian Jira 插件以读取 excel 文件。 一开始，我只是添加了 <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifactId> <version>${poi.version}</version> </dependency> <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi-ooxml-schemas</artifactId> <version>${poi.version}</version> </dependency> <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi-ooxml</artifactId> <version>${poi.version}</version> </dependency> poi.版本是3.14 然后当我启动插件时它给出了 Unresolved constraint in bundle com.tezExtensions [165]: Unable to resolve 165.0: missing requirement [165.0] osgi.wiring.package; (osgi.wiring.package=com.sun.javadoc) 然后我用一些指令编辑了 pom，这些指令是我在另一个 StackOverflow 问题中找到的 Pax Exam 问题与 Apache POI 包装的捆绑包 <instructions> <Atlassian-Plugin-Key>${atlassian.plugin.key}</Atlassian-Plugin-Key> <!-- Add package to export here --> <Export-Package>com.sony.poc.api,</Export-Package> <_exportcontents> org.apache.poi.*;version=${poi.version}, org.openxmlformats.schemas.*;version=${poi.schema.version}, schemasMicrosoftComOfficeExcel.*;version=${poi.schema.version}, schemasMicrosoftComOfficeOffice.*;version=${poi.schema.version}, schemasMicrosoftComOfficePowerpoint.*;version=${poi.schema.version}, schemasMicrosoftComVml.*;version=${poi.schema.version}, org.etsi.uri.*;version=${poi.security.version} </_exportcontents> <!-- Add package import here --> <Import-Package> com.sun.javadoc;resolution:=optional, com.sun.tools.javadoc;resolution:=optional, org.apache.crimson.jaxp;resolution:=optional, org.apache.tools.ant;resolution:=optional, org.apache.tools.ant.taskdefs;resolution:=optional, org.apache.tools.ant.types;resolution:=optional, junit.framework.*;resolution:=optional, junit.textui.*;resolution:=optional, org.junit.*;resolution:=optional, org.apache.xml.security.*;resolution:=optional, org.apache.jcp.xml.dsig.internal.dom.*;resolution:=optional, org.springframework.osgi.*;resolution:="optional", org.eclipse.gemini.blueprint.*;resolution:="optional", *</Import-Package> <DynamicImport-Package> org.apache.xmlbeans.*, schemaorg_apache_xmlbeans.* </DynamicImport-Package> 使用此配置，我收到此错误； Unable to resolve 165.0: missing requirement [165.0] osgi.wiring.package; (osgi.wiring.package=org.apache.xml.resolver) 有人有想法吗？ 终于找到解决办法了。 我已将它们添加为依赖项 <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifactId> <version>${poi.version}</version> </dependency> <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi-scratchpad</artifactId> <version>${poi.version}</version> </dependency> <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi-ooxml</artifactId> <version>${poi.version}</version> <exclusions> <exclusion> <groupId>stax</groupId> <artifactId>stax-api</artifactId> </exclusion> <exclusion> <groupId>xml-apis</groupId> <artifactId>xml-apis</artifactId> </exclusion> </exclusions> </dependency> <dependency> <groupId>org.codehaus.woodstox</groupId> <artifactId>woodstox-core-asl</artifactId> <version>4.4.1</version> </dependency> 还将这些添加到 Import-Package 标签内部 *;resolution:=optional, com.ctc.wstx.stax.* 仅此而已。 我应该将 Atlassian Jira 的 pom.xml 放在哪里？
java.lang.NoClassDefFoundError：解析失败：Ljava/time/Instant；
目前，我无法解决 java.lang.NoClassDefFoundError: Failed resolution of: Ljava/time/Instant; 的崩溃问题Android 7.1.1 (Nougat) 及更低版本会发生此类崩溃。但我的奥利奥...
无法解析包“notistack5”的条目。该包的 package.json 中指定的 main/module/exports 可能不正确
运行vite时，出现以下错误： 15:52:07 [vite] 内部服务器错误：无法解析条目 包裹...包裹可能有不正确 main/module/exports 在其
我有这段代码在“typescript”中运行良好：“3.8.3” 升级到 Angular 10 和 "typescript": "4.0.8" 后，我看到一些 typescript 错误：
我在 Python 中不断收到 Module Not Found 错误，并通过打印 os.getcwd()，我发现 VSCode 似乎正在运行工作区文件夹（编辑器中的顶级文件夹）中的内容...
我正在使用 Raspberry PI Compute Module 4 进行开发。我的 RPI-cm4 具有板载 EMMC 8GB 内存。我们遵循以下布局 对于引导加载程序，我们使用 u-boot。 U-Boot> mmc 列表 mmcnr@7e3000...
在Ocaml中编译多文件项目，导致Unbound Module错误
上下文 我目前正在尝试学习 OCaml 的基础知识（通过 2022 年代码挑战的到来）。我的目标是仅使用 OCaml 标准库并编写我自己的 make 来获得基本知识 -
OpenAPI 生成器 - typescript - 如何设置 API 密钥？
使用 OpenAPI typescript Generator，如何设置 API 密钥？ 这是使用 typescript-fetch 生成器执行此操作的方法 const api = new DefaultApi(新配置({ apiKey: apiEndpoints.
'tslib'是一个'typescript'库，它怎么会比'typescripts'下载次数更多？ 如果不使用“typescript”，则无法使用“tslib”。 使用“typescript”并不意味着“tslib”是...
// @ts-ignore 注释使 TypeScript 编译器能够忽略其下面的行。 如何使用 TypeScript 忽略一整段代码？
为什么 @typescript-eslint/no-redeclare 规则指示误报？
我有一个 typescript 项目，其中通过 eslint 和 typescript-eslint 支持 linting。 请注意，这只是一个最小的工作示例。 这是一个repl链接 索引.ts 函数 testfn（值：...
生成构建时出错：[vite:load-fallback] 无法加载
问题似乎是我在TypeScript和路径（别名）中设置了baseUrl。 typeScript 的配置 "baseUrl": ".", “路径”：{ “屏幕/*”：[“./src/
从 TypeScript 的 esLint 中删除函数警告中缺少返回类型
我正在将 eslint 与 TypeScript 结合使用。 我想关闭对函数显式返回类型的检查。 我已在 .eslintrc.js 中的规则中添加了属性“@typescript-eslint/exp...
自动完成功能不适用于 VSCode 中的 TypeScript + Node
所以如果我编写纯 JS (.js)，它的工作方式如下： 但对于 TypeScript (.ts) 它不起作用：
使用 typescript-eslint 创建自定义规则时可以访问常量值吗？
我正在尝试使用 @typescript-eslint/utils 添加自定义 ESLint 规则，以在 Category 的 prop 类型与正则表达式不匹配时显示警告： 从'@typescript-eslint导入{ESLintUtils，TSESTree}...
获取 typescript-eslint 来检测纱线存储库中的单次运行模式
我在大约 20 个 TypeScript 项目的 monorepo 中遇到了 typescript-eslint 内存不足错误。这是一个已知问题，缓解措施之一是启用单次运行检测...
我一直在使用 TypeScript 装饰器，但只是没有运气让它们工作。我读过如何实现打字稿装饰器？还有http://blog.wolksoftware.com/decorators-reflection-
如何定义typescript类型多维矩阵嵌套数组 每层每个数组元素的长度仍然相同？ 类型固定数组 = T[] & { 冷...
我在 Pinia 商店中有一些 Vue3 (CompositionAPI) 代码，但更具体地说，这是一个 TypeScript 问题。 代码如下所示： 导出 const useCommonStore = DefineStore("common",...
我有一个 eslint 配置，它扩展了其他一些配置。这些包依赖于“@typescript/eslint-plugin”，但它们使用不同的版本。 扩展：['airbnb', 'airbnb-typescript', '@some-p...
在 `@typescript-eslint/parser` AST 中获取超类引用
给定以下类层次结构： 类 Foo { foo成员= 1； } 类 Bar 扩展 Foo { 酒吧成员 = 2; } @typescript-eslint/parser 的 AST 输出将 extends Foo 语句引用为
Jest + TypeScript + Babel 未知选项：.0
我使用 Jest 为我的一些 Fauna DB 操作编写了一个集成测试。我尝试测试的源代码 (fauna.ts) 和测试本身 (fauna.test.ts) 都是 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 文件时，我...
在普通的 create-react-app --template typescript 文件夹中安装 eslint 失败
我正在尝试将 eslint 安装到从 TypeScript 模板创建的普通 create-react-app 文件夹中。 我运行了以下命令： % npx create-react-app REDACTED --模板打字稿
在 TypeScript 中编写复杂类型时，不同的运算符具有一定的优先级。 例如，这段代码： 地图类型[T] 直观上，我们可以认为它相当于： typeof（地图...
我想从打字稿代码库中建模一些接口和类。我想知道在 Java 中对 TypeScript 联合进行建模的最佳方法。 像这样的东西- 导出类型 a = b | c | d |电子| F;
Draggable React typescript 扩展组件
我是 React 和 Typescript 的初学者。想要制作一些带有拖动效果的很酷的打开窗口。找到draggable包，但我不明白如何像扩展组件一样使用它。 从电话里写信...
typescript .d.ts 文件无法被 typescript 识别，但 vsc
更新： 它不是打字稿，而是 ts-node“问题” 我回答自己，所以如果你仍然对这个“问题”感兴趣 - 进一步阅读:) 对困惑感到抱歉 也许我完全有
在 Electron-vite 中包含本地 JavaScript 库的 TypeScript 无法正确编译
我正在尝试将本地库导入到 vite-electron TypeScript 项目中。请原谅我对 vite-electron 和 JS 捆绑生态系统缺乏了解，我是 JS 和 TS 开发的新手......
感谢您的耐心等待，我刚刚开始使用 TypeScript。 我正在开发一个 Angular 2 应用程序，它需要接受文本输入，然后进行大量计算。我（错误地？）保证...
React 复选框事件和处理程序的 Typescript 类型？
我正在 Typescript 中构建类似 React 示例的东西。目标是让父组件具有状态，并且它创建几个无状态子组件，将它们的点击传递回父组件...
TypeScript Bug：类型“null”无法分配给类型“SetStateAction”<string>
这是我的 App.tsx 文件。所以我正在关注一个使用 JavaScript 的视频，但是在使用 TypeScript VS Code 编写该视频时显示了这些错误： 源代码： 导入 React, { useEffect, useState } from 'rea...
添加plugin:@typescript-eslint/recommended-requiring-type-checking后，提示tsconfig中未包含该文件
我用 npx create-react-app my-app --template typescript 创建一个项目，然后我向其中添加打字稿类型检查，但我的 App.tsx 报告以下错误： 解析错误：ESLint 已配置...
Vue 3，组合 API：“排除”TypeScript 实用程序类型导致道具验证错误
我正在使用 Vue 3 以及 Composition API 和 TypeScript，一切都是最新的稳定版本。 假设我有以下类型： 导出接口人{ 名称：字符串； } 导出类型统计...
如何解决“未找到规则‘@typescript-eslint/rule-name’的定义”
我正在尝试将 TypeScript 编译添加到现有的 Javascript 项目中。 据我所知，这应该是可能的（甚至很容易），并且您可以通过代码库逐步传播 TS。不幸的是
typescript-eslint 规则，防止将带有类型参数的回调传递给不安全的函数
我试图在我的打字稿代码库中对任何内容都非常严格。我正在使用所有 no-unsafe-* 规则，因此我的 .eslintrc.js 包括： '@typescript-eslint/no-unsafe-argument': '错误', '@
redux/reducer/cartReducer.ts 从“@reduxjs/toolkit”导入{createSlice，PayloadAction}； 从“../../types/reducer-types”导入{ CartReducerInitialState }； 导入 { 购物车项目，
Typescript 在没有严格 NULL 检查的情况下防止条件中未绑定/未调用的方法
对于 Angular / Typescript 项目，我正在寻找 linting 规则或类似方法，以防止意外地将未绑定的方法放入条件中。 我正在寻找 linting 规则/配置...
Typescript 中的 useState 和 useContext
假设我有一个基本设置来检查用户是否登录： 从“反应”导入{createContext}； const UserContext = createContext(null) 出口...
为什么我会在 React/TypeScript/MUI 对话框中看到这种奇怪的行为？
我在 React/TypeScript/MUI 应用程序的流程中出现了一个对话框，其中显示了几个按钮。当您选择每个按钮时，对话框功能会将按钮的值添加到状态...
如何解决“断言要求调用目标中的每个名称都使用显式类型注释进行声明.ts(2775)”？
我有下面的 JavaScript 代码，并且我正在使用 TypeScript 编译器 (TSC) 根据 Typescript 文档 JSDoc 参考提供类型检查。 const 断言 = require('断言'); 常量摩卡=重新...
假设我们尝试创建 HTML 构建助手 建造（[ 'html', { lang: 'en' }, [ ['头'， [ ['标题'，'你好，世界！'] ] ] ]） 构建的参数的类型声明...
使用 Redux 和 Typescript，如何正确键入“mapStateToProps”函数以仅允许通过状态传递 3 个参数中的 2 个？
我正在将 React 18 与 Redux 8 和 Typescript 结合使用。我想创建一个组件，允许调用者传入其中一个参数，但其他两个参数是从状态派生的。所以我创建了
Typescript、React、强类型 useHistory
我将 useHistory (react-router-dom) 变量作为参数发送到employee.service，其中我使用带有状态和路径名的“history.push”方法。不幸的是我不能...
Pinia / TypeScript 从操作中访问 getter — 类型上不存在属性
我有一家商店。 导出 const useGameStore = DefineStore("游戏", { 状态：() => gameBaseState, 吸气剂：{ 发现标记（状态）：标记[] { 返回 state.markers.filter((m) =...
当我使用 vscode 时收到此消息： 路径 ... ode_modules ypescript\lib 未指向有效的 tsserver 安装。 我不知道出了什么问题。有任何想法吗？ ts配置： { ”
尽管已安装，但找不到模块“@tanstack/react-table”
我正在开发一个 TypeScript React 项目，我正在尝试从 columns.tsx 文件中的 @tanstack/react-table 导入 ColumnDef。 从“@tanstack/react-table”导入{ColumnDef}； 出口...
请看下面的代码片段，最后一行演示了一个错误。我该如何举报？ 接口类型1 { 可选A？：{ 渲染：字符串； 文本？：字符串； }; ...