如图左侧。
这个错误是由于 ESLint 和 Prettier 的配置不一致导致的。它建议你移除多余的空格。以下是一些解决方法:
-
安装 Prettier 插件: 确保你在 WebStorm 中安装了 Prettier 插件,并确保它配置正确。
-
调整 ESLint 配置: 检查你的
.eslintrc
文件,确保它包含 Prettier 的规则,比如:{ "extends": [ "eslint:recommended", "plugin:prettier/recommended" ] }
-
调整 Prettier 配置: 确保你的
prettier.config.js
或.prettierrc
文件配置正确,例如:{ "singleQuote": true, "semi": false }
-
更新依赖: 确保你使用的是最新版本的
eslint
和prettier
,以及它们的相关插件。 -
格式化代码: 在 WebStorm 中,使用
Prettier
格式化整个文件或者项目,可以使用快捷键或者通过菜单执行。 -
禁用特定规则: 如果你希望暂时忽略这个特定的错误,可以在
.eslintrc
文件中禁用相应的规则(不推荐长期使用):{ "rules": { "prettier/prettier": "off" } }
确保你的 ESLint 和 Prettier 配置是统一的,这样可以减少这类的冲突。
屏蔽Webstorm烦人红色波浪线的方法(禁用ESlint验证) - 雪山飞猪 - 博客园