在 React 项目（使用 Material-UI）中使用 Prettier 时，如何使 ESlint 不那么严格？答案

【问题标题】：How do I make ESlint less stringent while working with Prettier in a React project (with Material-UI)?在 React 项目（使用 Material-UI）中使用 Prettier 时，如何使 ESlint 不那么严格？
【发布时间】：2026-01-01 00:35:01
【问题描述】：

更新

我在客户端应用的根目录中添加了一个 .eslintc 文件，并在其中添加了这个 JS 对象：

{
    "extends": "react-app",
    "plugins": ["prettier"]    
}

这消除了在我的 IDE 中显示的 linting 问题，但仍然让 Prettier 处于不良状态；也就是说，当我格式化时，Prettier 会以一种产生大量错误的方式调整我的代码。

我认为接下来我需要调整指导我的 Prettier 插件如何运行的配置规则。任何帮助将不胜感激。我的最终目标是让 Prettier/ESLint 像 Create React App 一起提供时一样正常运行。感谢您迄今为止的帮助！

结束更新

我一直在构建一个在前端使用 React 和 Material-UI 的项目。我使用 VSCode 作为 ESlint 和 Prettier 的 IDE。我最初使用 Create React App 启动了项目的前端。

一切都很顺利，直到我做了一些事情——我不知道是什么——让我的 ESLint 变得超级严格。它现在到处都出现问题，而以前相同的代码有零 linting 问题，并且没有对代码进行任何更改。

我也一直在使用 Prettier，现在，由于这些 linting 问题，当我使用 Prettier 进行格式化时，代码会调整以解决 Linting 问题。这会导致实际错误。

我一直在寻找。我安装了 ESlint 插件，四处挖掘，寻找（并创建 .eslintrc.json）文件。似乎没有任何效果。它使这个项目的工作变得更加困难。

我做了什么？我如何解决它？

谢谢。

【问题讨论】：

标识你不希望 eslint 抛出错误的规则；无论如何，这将由更漂亮的人来处理；在 eslint 配置中禁用这些规则。例如，"comma-dangle": "0" 将禁用该规则。

标签： reactjs material-ui eslint prettier

【解决方案1】：

添加或更新您的 .eslintrc.js 文件

设置缩进关闭
如果设置全局变量为 false（未找到定义）

希望对你有帮助

module.exports = {
    rules: {
        indent: 'off',
        'new-cap': [0]
    },
    globals: {
        db: false,
        mongoose: false,
        response: false,
        offline: false
    }
};

【讨论】：