ESLint는 VScode에서 작동하지 않습니까?고장 제거 목록을 작성하는 것을 돕습니다!

나는 도구 체인에서 설정 문제를 해결하는 데 너무 많은 시간을 썼다.내가 자주 겪는 대다수의 문제.고장 제거 명세서를 작성해 주세요.댓글에 가능한 설정 오류를 추가하기만 하면 글에 추가할 것입니다.

여기서부터.

너 뛰었어npm install?
어리석다, 나는 안다.그러나 공유된 프로젝트로 돌아갈 때 나는 항상 이렇게 하는 것을 잊어버린다.

너는 그것을 끄고 다시 열어 보았니?
VScode를 다시 시작하는 것이 도움이 될 때가 있습니다. 컴퓨터를 다시 시작할 때 해결되는 문제까지 겪었습니다. 비록 이것은 매우 드물지만, TypeScript 서버와 관련이 있을 수도 있습니다.

당신은 ESLint + 플러그인 + 프리셋을 설치했습니까?eslintrc 구성 파일을 보고 모든 플러그 인 및 사전 설정을 나열합니다.그런 다음 해당 항목과 ESLint 자체가 프로젝트에 있는지 확인합니다devDependencies.

당신의 npm 스크립트는 설정되었습니까?
당신의 lint 중에 package.json 스크립트가 있습니까?

  "scripts": {
    "lint": "eslint --ext .js --ignore-path .gitignore ."
  }

너는 에스린트에게 말했니, 린트는 어느 목록 아래에 있니?
최근에 프로젝트를 만났는데, 그 중 package.json 의 링크 스크립트가 마지막에 하나가 부족합니다. 이것은 ESLint가 설정 파일이 있는 같은 디렉터리에서 링크를 시작한다는 것을 알려 줍니다.ESLint가 아무런 경고도 하지 않고 묵묵히 탈퇴했기 때문에 쉽게 들키지 않는다.

ESLint의 파일 확장자가 정확하다고 확신하십니까?
TypeScript를 사용하는 경우 Vue를 사용합니다.js 또는 다른 비표준 자바스크립트 파일은 --ext 로고 (예: --ext .js,.ts,.vue 를 사용하여 ESLint에 파일 확장자에 대한 정보를 알려 주십시오.

더 많은 구성 파일.eslintrc이 있습니까?.eslintrc 프로필이 더 높은 디렉터리의 프로필을 자동으로 확장하기 때문에 이상한 문제가 발생할 수 있습니다.프로젝트나 상기 디렉터리에 모르는 다른 프로필이 없는지 확인하십시오.때때로, 나는 실수로 메인 디렉터리에 항목을 만들어서 숨겨진 항목을 삭제하는 것을 잊어버렸다. .eslintrc.js더 많은 .eslintrc 파일을 찾을 때, 파일 자원 관리자에 보이지 않을 수도 있다는 것을 기억하십시오.터미널에서 숨겨진 파일을 표시하려면 ls -a를 사용합니다.
또한 프로젝트 루트 디렉토리에 root 옵션을 추가.eslintrc하면 ESLint에서 디렉토리 트리를 더 이상 검색할 수 없습니다.

{
    "root": true
}

공식 문서에서 Configuration Cascading and Hierarchy에 대한 더 많은 정보를 얻을 수 있습니다.

VScode에 ESLint 플러그인을 설치하고 활성화했습니까?
방금 새 VS코드가 설치되었거나 동기화 설정에 문제가 생겼을 수도 있습니다.ESLint 플러그인이 VScode에 설치되어 있는지 확인합니다.

당신은 도서관 집행을 설치했습니까?
ESLint 플러그인은 사용자 node_modules로부터 로컬 ESLint 설치를 수행할 수 있는 권한을 가져야 합니다.명령 팔레트Ctrl / Cmd + Shift + P를 열고 ESLint: Manage Library Execution를 선택하여 항목의 대화상자를 열고 수락을 확인합니다.

테스트 중인 규칙을 비활성화했습니까?
때때로 우리는 프로젝트를 망칠 수 있다.일부는 표준 JS를 사용할 수 있고, 다른 일부는 AirBnB 사전 설정을 사용할 수 있습니다.일부 항목에서는 일부 규칙을 비활성화합니다.심지어 사용하지 않은 규칙을 테스트하지 않았는지 확인하세요.

TypeScript 통합에 문제가 있습니까?
TypeScript 플러그인이 설치되어 있는지 확인하고 적절한 구성을 수행합니다https://github.com/typescript-eslint/typescript-eslint.

당신은 사람을 곤혹스럽게 하는 커버가 있습니까?
테스트 파일이나 유사한 파일에 덮어쓰기를 추가했을 수도 있습니다. (주의: not'overwrites' - 제가 범한 또 다른 오류)설정에서 1분 동안 삭제해서 무엇을 바꿀지 확인하십시오.

ESLint 플러그인은 예정대로 구성되어 있습니까?
VScode 기본 설정을 열고 ESLint를 검색합니다.설정이 많기 때문에 요구 사항에 따라 설정해야 합니다.
가장 중요한 것은 다음과 같습니다.

유효성 검사: 삭제할 언어가 모두 포함되어야 함

노드 경로

실행: 저장 또는 연속 실행

또한 작업공간의 이러한 설정은 실수로 덮어쓰거나 한 항목만 덮어쓸 수 있습니다.검색 막대 아래의 작업공간 또는 폴더를 클릭하면 VScode 설정 패널에서 이러한 덮어쓰기에 액세스할 수 있습니다.

아무것도 도움이 안 돼요?어떻게 스스로 해결 방안을 찾습니까!

ESLint와 관련된 모든 종속성 업데이트
어쩌면 너는 우연히 잘못을 발견했을지도 모르지만, 어쩌면 그것은 이미 복구되었을지도 모른다.npm outdated를 사용하여 오래된 종속 항목을 찾아 ESLint, 플러그인 및 사전 설정을 업데이트합니다.전 세계에 ESlint을 설치한 경우 올바른 설치를 사용하십시오.

플러그인 및 사전 설정은 유지 관리 중입니까?
일부 플러그인이나 사전 설정은 업데이트를 받을 수 없습니다.그들의 저장소와 문제 추적 프로그램을 봐라.어쩌면 누군가도 같은 문제에 부딪혔을까?

당신이 본 정보는 ESLint에서 온 것입니까?
기원은 TypeScript나 Prettier와 같은 다른 도구에서도 찾을 수 있습니다.괄호 안에 있는 메시지 끝에는 VS코드에서 메시지를 생성하는 도구가 표시됩니다.

VScode의 출력 패널 보기Ctrl / Cmd + Shift + P를 눌러 명령 팔레트를 열고 ESLint:Show Output Channel 을 선택합니다.만약 ESLint가 어떤 오류를 던진다면, 그것들은 여기에 나타날 것이다.이것은 시종 한층 더 디버깅하는 좋은 출발점이다.

ESLint 구성을 처음부터 설정해 보십시오.
ESLint와 관련된 모든 컨텐츠를 삭제하고 모든 컨텐츠를 설정하는 데 도움이 되는 eslint --init 명령을 사용하여 처음부터 시작합니다.

댓글에 당신의 고장 제거 알림을 추가하세요!
나는 그것들을 문장에 추가할 것이다. 그러므로 새로운 것을 만날 때마다 반드시 평론을 남겨야 한다.