如图左侧。

这个错误是由于 ESLint 和 Prettier 的配置不一致导致的。它建议你移除多余的空格。以下是一些解决方法：

1. 安装 Prettier 插件： 确保你在 WebStorm 中安装了 Prettier 插件，并确保它配置正确。

2. 调整 ESLint 配置： 检查你的 .eslintrc 文件，确保它包含 Prettier 的规则，比如：

   { "extends": [ "eslint:recommended", "plugin:prettier/recommended" ] }

3. 调整 Prettier 配置： 确保你的 prettier.config.js 或 .prettierrc 文件配置正确，例如：

   { "singleQuote": true, "semi": false }

4. 更新依赖： 确保你使用的是最新版本的 eslint 和 prettier，以及它们的相关插件。

5. 格式化代码： 在 WebStorm 中，使用 Prettier 格式化整个文件或者项目，可以使用快捷键或者通过菜单执行。

6. 禁用特定规则： 如果你希望暂时忽略这个特定的错误，可以在 .eslintrc 文件中禁用相应的规则（不推荐长期使用）：

   { "rules": { "prettier/prettier": "off" } }

确保你的 ESLint 和 Prettier 配置是统一的，这样可以减少这类的冲突。

屏蔽Webstorm烦人红色波浪线的方法（禁用ESlint验证） - 雪山飞猪 - 博客园