typescript - 为什么使用webstorm的eslint --fix修正后代码直接错乱了?

Question

这是保存前代码

保存后代码

这是eslint的配置




这是webstorm的配置

Answer 1

看起来你在使用 WebStorm 和 ESLint，并尝试使用 --fix 标志来自动修复代码中的错误。然而，保存后代码看起来出现了混乱。

首先，我们需要确保几个关键点：

1. 确保 ESLint 已经成功安装并在项目中正确配置。
2. 确保 WebStorm 已经正确配置以使用 ESLint。
3. 检查保存后的代码是否由于某种原因（如自动换行或格式设置）而出现视觉错乱。

在你给出的配置截图中，我没有看到任何明显的问题。但是，有几种可能的情况：

1. ESLint 版本问题：有可能你使用的 ESLint 版本存在 bug，或者与你的 WebStorm 版本不兼容。尝试更新 ESLint 到最新版本可能会解决这个问题。
2. IDE 设置问题：在 WebStorm 中，有可能某些设置导致代码在保存时出现混乱。你可以尝试重置 WebStorm 的设置，或者查看是否有关于代码格式化的相关设置被错误地应用。
3. 文件编码问题：有时，文本编辑器的编码设置和保存文件的编码不匹配，这可能导致显示问题。确保你的编辑器和保存的文件使用相同的编码（例如 UTF-8）。
4. 保存操作问题：如果保存操作出现问题，可能会导致代码的显示混乱。尝试保存文件几次，看看问题是否仍然存在。

如果以上所有尝试都没有解决问题，我建议你将这个问题反馈给 WebStorm 和 ESLint 的开发者或者社区，他们可能能提供更具体的帮助。