WebStorm EsLint报红色波浪线

caohuixue_20212024-10-26 13:14

如图左侧。

这个错误是由于 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 配置是统一的，这样可以减少这类的冲突。