ESLint 규칙 끄기 (React 앱, WebStorm 사용)

Question

표준 React 설정을 사용하여 WebStorm에 React 앱을 쓰고 있습니다. 이전에 명시 적으로 linting을 명시 적으로 설정 한 적이 없으므로 어떤 오류/경고 메시지가 표시되는지는 일종의 기본 구성에서 비롯된 것입니다. 내가 npm start를 실행하면 나는 다음과 같은 경고를 얻을 :

Compiled with warnings. 

Warning in ./path/to/MyComponent.js 

/my/complete/path/to/MyComponent.js 
    19:49 warning Unexpected whitespace before property bind no-whitespace-before-property 
... 
You may use special comments to disable some warnings. 
Use // eslint-disable-next-line to ignore the next line. 
Use /* eslint-disable */ to ignore all warnings in a file. 

마지막 두 줄은 (반대로 말하자면, JSHint 또는 일부 사용자 정의 등을 linting 반응) 경고가 ESLint 출신 명시 적으로 분명히 확인하십시오.

저는 ESLint를 계속 실행하고 싶습니다. 즉, 모든 linting을 전역 적으로 비활성화하고 싶지는 않습니다. 그러나 한 줄 또는 한 파일이 아닌 "no-whitespace-before-property"경고를 모든 곳에서 끄고 싶습니다. 어떻게해야합니까? 내 package.json

은 (경고가 나타날 때 실행할 것입니다) npm start에 대해 다음을 보여줍니다 : 나는 WebStorm에서 개발하고

"scripts": { 
    "start": "react-scripts start", 
    ... 
} 

. ESLint 환경 설정 패널에는 "사용"확인란이 선택되어 있지 않으므로 IDE의 모든 ESLint 구성 옵션이 회색으로 표시되고 아마도 관련성이 없어서 ESLint의 구성 및 호출이 다른 곳에서 발생합니다 (예 : React에 내장되어 있음).

내 프로젝트 홈 디렉토리에 다음 .eslintrc.json 파일을 퍼팅 시도 :

{ 
    "rules": { 
    "no-whitespace-before-property": "off" 
    } 
} 

혼자뿐만 아니라 "extends": "eslint:recommended"처럼.

나는 내 프로젝트의 package.json 파일에 다음을 추가하는 시도 :

{ 
    ... 
    "eslintConfig": { 
    "rules": { 
     "no-whitespace-before-property": "off" 
    } 
    } 
} 

내가 대신 "off"의 0에 값을 설정하려고했습니다.

내가 React 앱을 작성하는 것과 관련이있을 수도 있고 그렇지 않을 수도 있으며, WebStorm에서 개발 중이거나 관련이 없을 수도 있지만, 사실을 대비하여 그 사실을 포함합니다.

StackOverflow를 확인해 본 결과 답변을 찾을 수 없습니다.

Answer 1

아래 오류는 ESLint에서 제공되지 않습니다 (오류). 그래서 나는 당신이 github.com/facebookincubator/create-react-app와 같은 일종의 래퍼를 사용하고 있다고 가정하고 있습니다. 래퍼는 .eslintrc 파일을 사용하지 않으며 직접 설정할 수 없습니다. 이 규칙을 비활성화하는 방법을 이해하려면 래퍼 설명서를 읽어야합니다.

일반적으로 create-react-app, standard, xo 등과 같은 ESLint 래퍼는 "제대로 작동"하도록 설계되어 스타일/규칙을 구성하고 미세 조정할 수있는 기능을 제거합니다.