记录编辑器插件Eslint不显示报错/警告问题

196 阅读1分钟

通过vite新创建了一个项目,Elint是9.33的版本,采用配置文件为eslint.config.js,eslint插件是3.0.16

运行命令

 yarn run lint

有以下报错:

image.png

但是编辑器没有报错样式

image.png

一开始我以为是VScode不支持eslint.config.js配置文件,改为.eslintrc.js文件


但是运行命令

yarn run lint

控制台直接报错了,现在这个版本不支持.eslintrc.js配置文件

这我就比较迷茫了,我先去eslint的issues找解决办法,我就发现了同样情况的问题

github.com/eslint/esli…

这个里面说可能是vscode-eslint插件的问题,并给出了相关的issues

image.png

github.com/microsoft/v…

然后我就根据这里面的解决方法每个方法都去测试,但是都解决不了我的问题

那我也没有办法解决我的问题呀,我就的研究

无意中我发现,编辑器插件有运行日志

image.png

这个里面筛选出eslint的报错信息:

可以明显的看到 'extensions' has been removed.

那我就拿着这个报错去vscode-eslint的issues去搜索

image.png

github.com/microsoft/v… 就找到个这个记录,这个里面说最新版本的eslint插件已经不支持extensions这个配置了

接下来就好办了

就去编辑器的setting.json文件中,搜索一下 extensions

image.png


把这个字段删除

image.png 控制台输出就没有报错信息了,同时编辑器也有显示了

image.png

同理编辑器其他插件不生效问题也可以按这个步骤解决


本来我想debugger一下eslint这个插件包的,想一步步调试出来,看看问题出现在哪里,但是我没研究明白,我是调试了,但是发现代码没走报错的地方(不知道为什么),有大佬可以说一下这个该怎么调试么