首页 文章

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

提问于
浏览 次
1

Update

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

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

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

我想我需要接下来调整指导我的Prettier插件如何运行的配置规则 . 任何帮助都将不胜感激 . 我的最终目标是让Prettier / ESLint在创建React App附带时正常运行 . 感谢你目前的帮助！

End Update

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

一直都很顺利，直到我做了一些事情 - 我不知道是什么 - 让我的ESLint变得非常严格 . 它现在全面呈现问题，而相同的代码以前没有任何linting问题，并且没有对代码进行任何更改 .

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

我一直在寻找 . 我安装了ESlint插件，一直在寻找（并创建.eslintrc.json）文件 . 似乎没什么用 . 它使这个项目的工作变得更加困难 .

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

谢谢 .

Linting problems that are now being indicated

reactjs material-ui eslint prettier

1 回答

  • 1

    添加或更新.eslintrc.js文件

    • set indent off

    • 如果设置全局变量为false（未找到定义）

    希望能帮助到你

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

相关问题