项目运行时ESLint报错（引号/导入顺序等），求解决方法

一、快速自动修复所有可修复错误 #

这些报错都是ESLint/Prettier支持自动修复的规则问题，直接运行以下命令即可一次性解决：

• 修复单个报错文件：

npx eslint src/components/Funcoes/GestaoUsuario/GestaoUsuario.js --fix

• 修复整个项目的所有ESLint可修复错误：

npx eslint src --fix

二、手动调整规则（如果自动修复不符合预期） #

若不想遵循当前默认规则，可修改配置文件自定义规则：

1. 统一引号风格 #

报错要求将单引号改为双引号，若想保留单引号，修改项目根目录的.prettierrc（或.prettierrc.json）：

{
  "singleQuote": true,
  "endOfLine": "auto"
}

如果接受双引号规范，无需修改此规则，让Prettier自动统一即可。

2. 调整导入顺序规则 #

报错提示第三方库@mui/material/Button要优先于本地组件../../MDBox导入，修改ESLint配置文件（如.eslintrc.js）的import/order规则：

module.exports = {
  // 其他配置项...
  rules: {
    // 其他规则...
    "import/order": [
      "error",
      {
        "groups": ["external", "internal"], // 第三方库导入在前，本地文件在后
        "newlines-between": "always" // 不同组导入之间用空行分隔
      }
    ]
  }
}

3. 解决换行符不一致问题 #

最后一个报错涉及换行符类型（CRLF/LF），在.prettierrc中添加配置让Prettier自动适配：

{
  "endOfLine": "auto"
}

三、配置IDE自动修复，避免后续重复报错 #

以VSCode为例，安装ESLint和Prettier插件后，在settings.json中添加：

{
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "prettier.requireConfig": true
}

每次保存文件时，IDE会自动修复ESLint和Prettier格式问题，无需手动执行命令。

内容的提问来源于stack exchange，提问作者josé djalma