VSCode保存文件后自动修改代码,原因何在?
React代码保存后自动修改并报错的原因及解决方向
- 核心原因大概率是代码格式化工具(如Prettier)与ESLint规则冲突,或是相关配置文件被误修改,导致保存时工具自动调整代码结构,违反了React的语法规范,进而触发大量报错。
- 先检查项目根目录的
.prettierrc、.eslintrc.js(或其他格式的ESLint配置文件),确认规则是否被意外改动,比如缩进、引号、JSX语法的校验规则是否和之前一致。 - 排查编辑器的自动格式化插件状态,比如VS Code的Prettier插件是否更新,或是编辑器的
editor.formatOnSave设置被开启,暂时关闭该功能测试是否还会出现代码自动修改的情况。 - 若近期安装了新的依赖包,也可能是新增依赖影响了原有格式化/校验规则,可尝试回退到之前正常的依赖版本测试。
内容的提问来源于stack exchange,提问作者Andressa
相关产品推荐
相关产品推荐

