在这之前我已经写过一个eslint无法配置成功的解决文章了,当时我正在学习vue3,由于某些问题一直无法配置成功,但最后解决了,详情请跳转VSCode下载ESlint插件后却无法检测错误的解决办法之一
最近需要写一个项目管理端,于是创建项目发现eslint已经从8.x更新为9.x,配置文件的格式也是大变样,搞了一天,没有解决。但查看官网得知9.x需要node版本较高才能支持,我的node版本不够,查看eslint运行日志发现报错,将报错信息喂给ai,得到结果为找不到一个key,原因是一个较新的api在我目前的node环境中找不到,人话:node版本过低。由于我之前的客户端是使用此版本的node写的,并且使用eslint8.x,而9.x版本是破坏性更新,不兼容8的配置,由于我的node版本达不到eslint9.x的要求,所以无论怎么搞都无法实现效果,没办法,要么升级node版本,要么eslint降低版本到8.x,由于我之前的项目使用环境为当前node版本18.17.1,服务器上的版本也是这个,所以我暂时需要保持node版本不变为好(也是不想麻烦),于是我选择降低eslint版本
以下是降低版本的步骤:
1、进入package.json
2、删除一个依赖(大概叫“@vue/eslint.js 版本号”啥的)
3、修改与eslint相关的依赖版本,改到你需要的eslint8版本
4、删除pnpm-lock文件
5、删除node_modules文件
6、打开vscode命令行,键入:pnpm install 回车等待下载完成,可能会报弃用警告,不用管
7、修改eslint.config.js文件名为.eslintrc.cjs然后进入此文件删除全部内容,然后网上找8.x的.eslintrc.cjs配置文件写法写上去
8、点击“扩展”,搜索eslint插件下载,下载完成后,找到此扩展,点击旁边的齿轮,下载其他版本,下载为2.4.0(为什么不用2.4.4请跳转以上链接)
9、按照以上链接的方法添加vscode设置项即可。
如果你并没有什么需要维持的项目,还是建议升级node为最新版本后,再尝试9.x,毕竟降低依赖版本很麻烦,官方默认也是9.x,不要难为自己,独立的新项目跟着版本走是最好的。