Gulp дает много ошибок синтаксиса/линта, когда я запускаю его. Зачем?

Question

Это может быть даже не Gulp. Это может быть что-то с конфигурацией Webpack, которую я боюсь, или, возможно, моя настройка линтинга. Im думает, что должен быть надлежащий ES или TS Lint, который мне нужен, чтобы связать Gulp, поэтому, когда он создает мои файлы с JS-файлами для клиента и для этого приложения React Asp.net Core, он не будет так набирать. Я в Visual Studio Code и, как правило, просто щелкнув правой кнопкой мыши и создав документ, позаботится о небольших проблемах, подобных этому, но когда я запускаю gulp, это сходит с ума от этого нового проекта. Это небольшие ошибки, которые кажутся мне придирчивыми относительно расстояния, а что нет. У кого-нибудь есть опыт?

9:18 error A space is required after '{'    object-curly-spacing  
9:28 error A space is required before '}'    object-curly-spacing 
14:1 error Trailing spaces not allowed    no-trailing-spaces 

    9:18 error A space is required after '{'    object-curly-spacing  
9:28 error A space is required before '}'    object-curly-spacing 
14:1 error Trailing spaces not allowed    no-trailing-spaces  
15:3 error handleChange should be placed after componentDidMount    react/sort-comp 

Ниже приведен пример того, из чего исходит этот образец ошибок.

import React, { Component } from 'react'; 
import Helmet from 'react-helmet'; 
// import { connect } from 'react-redux'; 
import { } from 'react-bootstrap'; 

export default class Test extends Component { 
    constructor(props) { 
    super(props); 
    this.state = {value: ''}; 

    this.handleChange = this.handleChange.bind(this); 
    this.handleSubmit = this.handleSubmit.bind(this); 
    } 

    handleChange(event) { 
     this.setState({value: event.target.value}); 
    } 

    handleSubmit(event) { 
     alert('A name was submitted: ' + this.state.value); 
     event.preventDefault(); 
    } 

componentDidMount() { } 
render() { 
return (
    <div> 
    <Helmet title="Test" /> 
    <form onSubmit={this.handleSubmit}> 
    <label> 
    Name: 
    <input type="text" value={this.state.value} onChange={this.handleChange} /> 
    </label> 
    <input type="submit" value="Submit" /> 
    </form> 
    </div> 
); 
    } 
} 

Answer 1

Спасибо за конструктивные комментарии, я смог лучше понять конфигурацию eslinter. В этом случае правила были, пожалуй, немного чувствительными к моим потребностям. Я изменил свои правила, чтобы они не взорвали генерацию файлов клиента и сервера js с помощью Gulp. Это все для меня совсем ново. Я не уверен, почему формат правого клика не касается большинства из этих проблем для меня в коде Visual Studio. У меня установлена ​​последняя версия eslint, поэтому я думаю, что она должна быть актуальной. вот текущие правила в моем файле .eslintrc.

"rules": { 
"comma-dangle": 0, // not sure why airbnb turned this on. gross! 
"indent": 0, 
"object-curly-spacing": 0, 
"no-trailing-spaces": 0, 
"react/prefer-stateless-function": 0, 
"react/prop-types": 0, 
"react/jsx-closing-bracket-location": 0, 
"react/jsx-indent": 0, 
"no-console": 0, 
"prefer-template": 0, 
"max-len": 0, 
"no-underscore-dangle": [2, {"allow": ["__data"]}], 
"global-require": 0, 
"no-restricted-syntax": 0, 
"linebreak-style": 0, 
"react/jsx-filename-extension": 0, 
"import/imports-first": 0 
}, 

Благодаря @Daniel Бек и @CriCri