如何防止 Vetur 和 TypeScript 在 VSCode 中同时显示打字稿警告?

     2023-02-22     185

关键词:

【中文标题】如何防止 Vetur 和 TypeScript 在 VSCode 中同时显示打字稿警告?【英文标题】:How do I prevent Vetur and TypeScript from both showing typescript warnings in VSCode? 【发布时间】:2021-12-25 16:09:56 【问题描述】:

我正在开发一个使用 TypeScript 的 Vue2 项目。我正在使用安装了 Vetur 和 TypeScript 扩展的 VSCode。

每当出现 TypeScript 警告时,VSCode 叠加层都会显示 TypeScript 和 Vetur 报告的相同警告。

此外,任何智能感知菜单都会显示选项两次。

我想同时安装这两个扩展。我怎样才能让他们彼此相处融洽并且只显示一次警告?

【问题讨论】:

这只是一个猜测,但可能是因为两个扩展都使用了不同版本的 TS。 Vetur 有一个 setting 来使用 TS 的工作区版本(仅来自 node_modules],我敢打赌 VS 的 TS 扩展也会有类似的东西。另请注意,Vetur 不再是官方推荐的与 Vue+TS 一起使用的工具,而是 @ 987654324@ - 从我个人的经验来看,确实更好 @MichalLevý 我也为我的 Vue 3 项目安装了 Volar,但我的旧 Vue 2 项目需要 Vetur。 @MichalLevý 我启用了use workspace dependencies 并重新启动了 Vetur vue 语言服务 (VLS),但遗憾的是,它仍然加倍突出显示。 @MichalLevý 一时兴起,我禁用了 Vuter,而 Volar 似乎已经弥补了我的 Vue 2 项目的不足。如果你想写一个正式的答案,我很乐意给你赏金。 【参考方案1】:

这可能是因为两个扩展使用不同版本的 TS。 Vetur 有一个 setting 来使用 TS 的工作区版本(仅来自 node_modules),我敢打赌 VS 的 TS 扩展也会有类似的东西。

另外请注意,Vetur 不再是官方推荐与 Vue+TS 一起使用的工具,但 Volar 是 - 从我个人的经验来看,它确实更好,更积极地开发(甚至支持 script setup 没有完美但Options API/Composition API 和 script setup 之间相当不错的自动转换)

虽然 Volar 说它是为 Vue 3 设计的,但它仍然适用于 Vue 2 和组合 API。因此,如果您启用了 Volar,则在 VSCode 中禁用 Vetur 应该是安全的。

【讨论】:

如何使用jsdom和typescript防止“属性'...'在'Global'类型上不存在”?

】如何使用jsdom和typescript防止“属性\\\'...\\\'在\\\'Global\\\'类型上不存在”?【英文标题】:Howtoprevent"Property\'...\'doesnotexistontype\'Global\'"withjsdomandtypescript?如何使用jsdom和typescript防止“属性\'...\'在\'Global\'类型上不存在”?... 查看详情

Vue/TypeScript/ESLint/Prettier/Vetur 格式不起作用

】Vue/TypeScript/ESLint/Prettier/Vetur格式不起作用【英文标题】:Vue/TypeScript/ESLint/Prettier/Veturformattingdoesn\'twork【发布时间】:2021-10-0709:30:41【问题描述】:试图在VSCode中获得Vue/TypeScript/ESLint/Prettier/Vetur格式是一场噩梦。在这方面有很... 查看详情

使用 Apollo 在 TypeScript 中填充常量时,对象的类型为“未知”.Vetur(2571)

】使用Apollo在TypeScript中填充常量时,对象的类型为“未知”.Vetur(2571)【英文标题】:Objectisoftype\'unknown\'.Vetur(2571)whenpopulatingaconstantinTypeScriptusingApollo【发布时间】:2021-12-0422:05:18【问题描述】:我正在使用useQuery(来自Apollo)来... 查看详情

如何防止 jquery 使用 webpack 和 typescript 导入两次?

】如何防止jquery使用webpack和typescript导入两次?【英文标题】:Howtopreventjqueryfromimportingtwicewithwebpack&typescript?【发布时间】:2018-05-1707:03:36【问题描述】:我收到了这个错误UncaughtTypeError:$(...).dialogisnotafunction原因似乎是因为我... 查看详情

如何在 VS Code 中为模板中的 vue 道具启用 Typescript 打字和智能感知?

】如何在VSCode中为模板中的vue道具启用Typescript打字和智能感知?【英文标题】:HowenableTypescripttypingandintellisenseforvuepropsintemplateinVSCode?【发布时间】:2019-05-0806:50:22【问题描述】:我正在使用安装了vetur扩展的Vue和VSCode。我已经... 查看详情

如何防止使用 TypeScript 在构造函数中未定义成员?

】如何防止使用TypeScript在构造函数中未定义成员?【英文标题】:HowtopreventamemberfrombeingundefinedwithinaconstructorusingTypeScript?【发布时间】:2018-11-0613:06:06【问题描述】:我通过编写这样的类引入了一个错误:classSomeClassprivatereadonlyi... 查看详情

带有 Vetur 的 VSCode 中带有 Typescript 的 NativeScript-Vue:在类型“void”上不存在属性“then”的警报

】带有Vetur的VSCode中带有Typescript的NativeScript-Vue:在类型“void”上不存在属性“then”的警报【英文标题】:NativeScript-VuewithTypescriptinVSCodewithVetur:AlertwiththengivingProperty\'then\'doesnotexistontype\'void\'【发布时间】:2020-09-0201:01:05【问题... 查看详情

如何防止 TypeScript 在输出中包含 .d.ts 导入?

】如何防止TypeScript在输出中包含.d.ts导入?【英文标题】:HowtopreventTypeScriptfromincluding.d.tsimportintheoutput?【发布时间】:2017-02-0510:52:42【问题描述】:我已使用以下命令将.d.ts文件(即p2.js库的类型定义)安装为外部(非全局)typi... 查看详情

在 Typescript 中防止不适当的导入和执行项目层次结构

】在Typescript中防止不适当的导入和执行项目层次结构【英文标题】:PreventinginappropriateimportsandenforcingprojecthierarchyinTypescript【发布时间】:2020-07-2904:45:24【问题描述】:在TS项目中,我希望阻止以下内容:来自文件夹common的文件... 查看详情

如何防止在 Typescript 中的函数调用上从“任何”进行隐式转换

】如何防止在Typescript中的函数调用上从“任何”进行隐式转换【英文标题】:Howtopreventimplicitconversionfrom\'any\'onfunctioncallinTypescript【发布时间】:2019-04-2114:25:17【问题描述】:考虑以下打字稿代码:functioneatString(str:string)console.log... 查看详情

Vetur 说,在模板上使用道具时,“从不”类型中不存在道具

...2-2413:02:54【问题描述】:我在VSCode上使用带有vue组合API和typescript的Quasar框架。当尝试在模板中使用道具时,Vetur给我模板中的错误Property\' 查看详情

在typescript中如何防止属性被添加到一个空对象中?(代码片段)

TypeScript类型检查器似乎接受以下代码。为什么会这样?我可以以某种方式使它更严格吗?constfoo:=bar:123答案constfoo:[index:string]:never=//noerrorconstbar:[index:string]:never=a:1//error游乐场另一答案任何对象都可以作为的符号。但通常情况下... 查看详情

Vetur 在模板中无法正常工作(不检查数据、方法...)

.....)【发布时间】:2021-01-0302:56:01【问题描述】:我在带有typescript的vue项目中使用vscode的vetur扩展。我刚刚发现vetur实际上可以检查模板标签中的道具、方法……甚至可以检查变量的类型。但就我而言,它什么都不 查看详情

在 Typescript 文件中导入时找不到 Vue 模块

】在Typescript文件中导入时找不到Vue模块【英文标题】:VuemodulesnotfoundwhenimportinginaTypescriptfile【发布时间】:2018-04-2313:25:57【问题描述】:我有一个使用单文件类组件和打字稿加载器的Vue项目。我使用VSCode和Vetur插件在单个文件.vu... 查看详情

如何防止我的 Vue 构建由于 Typescript 错误而失败

】如何防止我的Vue构建由于Typescript错误而失败【英文标题】:HowtopreventmyVuebuildtofailbecauseofTypescripterrors【发布时间】:2020-11-0419:45:37【问题描述】:正如标题所说。我有一个使用下面的.eslintrc.js文件运行的项目,我希望将Typescrip... 查看详情

如何防止(卸载)TypeScript 安装并将其自己的 @types 引用到 AppData\Local

】如何防止(卸载)TypeScript安装并将其自己的@types引用到AppData\\\\Local【英文标题】:HowdoIprevent(uninstall)TypeScriptinstallingandreferencingit\'sown@typesintoAppData\\Local如何防止(卸载)TypeScript安装并将其自己的@types引用到AppData\\Local【发布... 查看详情

Typescript Vue 的 VSCode 智能感知(@Component 自动导入)

】TypescriptVue的VSCode智能感知(@Component自动导入)【英文标题】:VSCodeintellisenseforTypescriptVue(Autoimportat@Component)【发布时间】:2021-06-1016:02:48【问题描述】:我目前正在使用Typescript和Vue在VSCode中开发一个小项目。我的VSCode带有以... 查看详情

Vue 3.0.0.rc-5 中的 TypeScript 3.9.7 可选链接警告

】Vue3.0.0.rc-5中的TypeScript3.9.7可选链接警告【英文标题】:TypeScript3.9.7optionalchainingwarninginVue3.0.0.rc-5【发布时间】:2020-11-2907:48:21【问题描述】:出现Vetur错误“无法调用可能‘未定义’的对象。”在应该没问题的线路上。我确实... 查看详情