如何禁用 eslint 上的错误（更漂亮/更漂亮）？

Posted 2023-03-27

【中文标题】如何禁用 eslint 上的错误（更漂亮/更漂亮）？

【英文标题】：How can I disable the error (prettier/prettier) on eslint?

【发布时间】：2020-02-13 21:47:50

【问题描述】：

在编码时，我没有使用 eslint。现在我安装了它，它让我的编辑器充满了更漂亮/更漂亮的错误，这看起来绝不会让我的代码更漂亮。我正在寻找解决此问题的方法。

prettierrc.js：

module.exports = 
  bracketSpacing: true,
  jsxBracketSameLine: false,
  singleQuote: true,
  trailingComma: 'all',
;

eslintrc.js：

module.exports = 
  root: true,
  extends: '@react-native-community',
;

最后，一些示例代码：

import React, Component from 'react';
import View, Text, Picker from 'react-native';
import connect from 'react-redux';
import employeeUpdate from '../actions';
import CardSection,  Input from './common';

class EmployeeForm extends Component 
  render()
    return (
      <View>
      <CardSection>
        <Input
          label="Name"
          placeholder="Marco"
          value=this.props.name
          onChangeText=value => this.props.employeeUpdate(prop: 'name', value)
        />
      </CardSection>

      <CardSection>
        <Input
          label="Phone"
          placeholder="555-5555"
          value=this.props.phone
          onChangeText=value => this.props.employeeUpdate(prop: 'phone', value )
        />
      </CardSection>

      <CardSection style= flexDirection: 'row'>
        <Text style=styles.pickerTextStyle>Shift</Text>
        <Picker
        style=flex: 1
        selectedValue=this.props.shift
        onValueChange=value => this.props.employeeUpdate(prop: 'shift', value)
        >
          <Picker.Item label="Monday" value="Monday" />
          <Picker.Item label="Tuesday" value="Tuesday"/>
          <Picker.Item label="Wednesday" value="Wednesday"/>
          <Picker.Item label="Thursday" value="Thursday"/>
          <Picker.Item label="Friday" value="Friday"/>
          <Picker.Item label="Saturday" value="Saturday"/>
          <Picker.Item label="Sunday" value="Sunday"/>
        </Picker>
      </CardSection>
      </View>
    );
  

我只是想消除这个错误，因为有成千上万的红点想让我的代码“更漂亮”很烦人，但这是没有实现的。

【问题讨论】：

prettier.io/docs/en/…

【参考方案1】：

您可以在 eslintrc.js 配置文件中禁用 prettier，而不是禁用文件的 linting：

module.exports = 
  root: true,
  extends: '@react-native-community',
  rules: 
    'prettier/prettier': 0,
  ,
;

【讨论】：

您为我节省了数小时的搜索/配置时间。 IntelliJ IDEA 没有因此修复 ESLint 错误。谢谢！

有没有办法在编译时停止错误？

对于我的 react-native 项目，这确实禁用了更漂亮但不禁用黄色警告

我可以确认这仍然适用于 RN 0.66，因此您可能会看到不同的警告，或者来自另一个模块的警告。 eslint 返回警告的规则是什么？