WebStorm中ESLint提示Insert ⏎(prettier/prettier)报错如何解决？

这种ESLint提示要插入换行、但添加后又被自动移除还报错的情况，我碰到过好多次，核心原因基本都是ESLint和Prettier的换行规则不统一，或者WebStorm的自动格式化逻辑和它们没协同好。给你几个亲测有效的解决办法：

1. 统一ESLint与Prettier的换行配置 #

这是最根本的解决思路，先让两个工具的规则对齐：

• 打开项目里的Prettier配置文件（比如.prettierrc、.prettierrc.js或package.json里的prettier字段），检查endOfLine配置项：
  • Windows系统可设为"endOfLine": "crlf"；Mac/Linux设为"lf"；想自动适配系统的话就设为"auto"
• 再检查ESLint配置文件（比如.eslintrc.js），确保eslint-plugin-prettier和eslint-config-prettier版本匹配，并且没有自定义的换行规则和Prettier冲突。比如不要在ESLint里单独设置linebreak-style规则，让Prettier来接管这部分格式化逻辑。

2. 调整WebStorm的自动格式化设置 #

让WebStorm的行为和工具链对齐：

• 打开WebStorm设置（快捷键Ctrl+Alt+S），进入Tools > ESLint，勾选Run eslint --fix on save，这样保存时ESLint会自动修复符合规则的问题，避免手动调整的冲突
• 进入Editor > Code Style，选择你正在使用的语言（比如JavaScript/TypeScript），找到Line separator选项，设置成和Prettier里endOfLine一致的选项（比如“System-dependent”对应auto）

3. 让Prettier接管WebStorm的格式化 #

如果WebStorm自带的格式化和Prettier打架，可以直接让Prettier主导：

• 进入Settings > Tools > Prettier，勾选On code reformat和On save，这样WebStorm在格式化或保存时，会直接调用Prettier来处理，避免自带格式化的干扰
• 同时，在Settings > Editor > Code Style里，找到对应的语言，点击右上角的Set from...，选择Prettier，让WebStorm的代码风格和Prettier同步。

4. 清除WebStorm缓存并重启 #

有时候是缓存导致配置没生效，这时候可以：

• 点击File > Invalidate Caches...，选择Invalidate and Restart，重启WebStorm后再尝试保存文件，很多时候缓存问题会导致这种奇怪的循环报错。

内容的提问来源于stack exchange，提问作者Nuri Akman