WebStorm保存时执行eslint --fix功能失效,终端运行ESLint正常
解决思路
- 检查Node.js版本一致性
终端执行node -v查看当前使用的Node版本,再打开WebStorm设置路径:Languages & Frameworks > Node.js,确认IDE配置的Node解释器版本和终端一致。该报错通常出现在低版本Node对package.json的exports字段支持不完善的场景,建议统一使用14.18.0+的Node版本。如果使用nvm管理Node版本,需要在IDE的Node interpreter选择列表中选中nvm管理的对应版本,避免使用系统默认的低版本Node。 - 对齐@typescript-eslint相关依赖版本
当前package.json中@typescript-eslint/eslint-plugin(4.22.1)和@typescript-eslint/experimental-utils(4.26.1)版本不一致,同生态包版本差异会引发兼容问题。将两个包修改为同一版本(推荐统一升级到4.x最新稳定版),删除项目下的node_modules文件夹、yarn.lock或package-lock.json文件后重新执行依赖安装。 - 修正WebStorm ESLint配置
打开WebStorm设置路径:Languages & Frameworks > JavaScript > Code Quality Tools > ESLint,选择「手动ESLint配置」,确认以下配置:- ESLint包路径选择当前项目下的
node_modules/eslint - 工作目录选择项目根目录
- 配置文件指定为项目根目录下的
.eslintrc.json
- ESLint包路径选择当前项目下的
- 清除IDE缓存重启
点击顶部菜单栏File > Invalidate Caches...,选择「Invalidate and Restart」,等待IDE重启完成、项目索引重建后再测试保存自动fix功能。 - 可选:替换废弃依赖
@typescript-eslint/experimental-utils已被官方废弃,可直接替换为@typescript-eslint/utils,版本保持和@typescript-eslint/eslint-plugin一致即可。
内容的提问来源于stack exchange,提问作者yury.hrynko
相关产品推荐
相关产品推荐

