vscode插件报错: problemmatcher 引用无效: $esbuild-watch

vscode 插件 esbuild类型提示报错

最近在上手开发vscode插件,demo阶段就遇到了一个小问题。 搜索引擎没有特别好的回答, 记录一下,以供查漏补缺。

vscode插件开发

做为一统前端的开发插件,vscode+其丰富的插件能力,共同构建了欣欣向荣的vscode 插件。在团队效率方面,也是不可或缺的利器。

开发文档就不说了,直接看官网很详细:https://code.visualstudio.com/api。 跟着跑了一遍,明白下大概得理念就可以跟着开发自己功能。

问题出现: problemmatcher 引用无效: $esbuild-watch

本来很愉快的基于第一个扩展 进行了项目初始化和安装。

因为对于esbuild的偏爱,所以yo初始化是选择了 esbuild做为打包工具。

结果问题出现了,在进行

// 执行调试 Debug: Start Debugging 

vscode 开始报错:
vscode插件报错: problemmatcher 引用无效: $esbuild-watch

ps: 其实vscode 晚点也会给出解决建议:

vscode插件报错: problemmatcher 引用无效: $esbuild-watch

但是,手快的下意识行为已经打开了,具体信息
vscode插件报错: problemmatcher 引用无效: $esbuild-watch

Activating task providers npm 错误: problemMatcher 引用无效: $esbuild-watch 

问题解决

面对不熟悉的领域,问题出现直接搜索引擎就行了,但是这次直接给我看懵逼了。
直接搜索上面报错,找到了微软的官方文章。https://marketplace.visualstudio.com/items?itemName=connor4312.esbuild-problem-matchers

其实没注意这里就是对应插件了, 看了看 是介绍如何使用这个插件的。
下意识行为 不应该额外手动安装插件。 就忽略了。

gpt提示:版本匹配问题。

目标不明确直接问了gpt,得出了一下提示。

检查 VSCode 版本是否较新,更新到最新版本。  重启 VSCode,有时候这可以解决临时性问题。  手动添加 $esbuild-watch 到 problemMatcher: "problemMatcher": [ "$esbuild-watch" ]  尝试使用不同的匹配模式,比如: "problemMatcher": [ { "base": "$esbuild-watch", "background": { "activeOnStart": true, "beginsPattern": "^\swatching\s", "endsPattern": "" } } ] 

下面就是各种检查了,问题都是对得上,问题陷入纠结中。

问题解决

毕竟是task.json 的报错,其实大部分情况下直接查看官方文档是最有效的。我就找到了这篇: https://code.visualstudio.com/Docs/editor/tasks
vscode插件报错: problemmatcher 引用无效: $esbuild-watch

作用就是 在task 输出 log 中查找对应标识,以确定哪个任务除了异常。

既然如此 那就找

esbuild.js --watch problemMatcher 

找到了这篇文章 https://github.com/connor4312/esbuild-problem-matchers 定睛一眼,这不刚才那个插件吗。

果然安装了对应插件之后就可正确运行了。

结束语

vscode 不得不说插件生态确实厉害,不过文档确实有点老了, 应该提示下安装对应插件的。

发表评论

相关文章