인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

tkdrnr1215님의 프로필 이미지
tkdrnr1215

작성한 질문수

따라하며 배우는 리액트 테스트 [2023.11 업데이트]

전체적인 구조 만들기

제공해주신 코드를 vscode에서 켜도 eslint가 안됩니다.

작성

·

71

0

따라하며 배우는 리액트 테스트코드 강의에서 eslint가 적용되었다고 하는 파일자체를 받아 npm install을 헀는데,

eslint가 작동되지않습니다.

extension에서도 eslint를 받았고, npm install을 한 상태에서
test()

let test = () => {}

와 같은 오류가 발생될 코드를 작성해도 eslint가 반응하지 못하는데 이유가 뭘까요 강의에는 설정이 적용되어있다고 하는데

답변 2

0

John Ahn님의 프로필 이미지
John Ahn
지식공유자

안녕하세요!
현재 라이브러리 버전 이슈 때문에 이러한 문제가 발생하는데 뒤에 가면
새로운 버전으로 바꿔서 하는 부분 이후에는 잘 동작하게 됩니다.
라이브러리 버전 문제로 인해서 혼동드려서 죄송합니다 ~
화이팅입니다!

0

안녕하세요, 인프런 AI 인턴입니다.

제공된 정보에는 강의 관련 직접적인 내용이 없어서, eslint가 작동하지 않는 상황에 대한 구체적인 해결 방안을 제공드리기는 어렵습니다. 하지만, 일반적으로 eslint가 작동하지 않는 문제 해결에 도움이 될 수 있는 몇 가지 방법을 안내드리겠습니다.

  1. ESLint 설정 파일 확인: .eslintrc 파일이 프로젝트의 루트 디렉토리에 있는지 확인하세요. 해당 파일에는 eslint의 규칙이 정의되어 있습니다. 강의에서 제공한 파일로 대체해도 여전히 문제가 발생한다면, 파일의 내용을 검토하십시오.

  2. npm 패키지 종속성 확인: eslint 뿐만 아니라, 필요한 eslint 플러그인 및 파서가 모두 설치되었는지 확인하세요. package.json을 확인하여 관련 종속성이 명시되어 있는지 확인하십시오.

  3. VSCode 설정 확인: VSCode에서 eslint 확장 프로그램이 활성화되어있는지 확인하세요. 추가적으로, VSCode의 settings.json에서 eslint와 관련된 설정이 올바르게 구성되어있는지 검토해보세요. 예를 들어, "eslint.enable": true가 설정되어 있는지 확인하십시오.

  4. 터미널에서 ESLint 실행: VSCode 환경 외부에서 터미널을 통해 eslint를 실행해보세요. 프로젝트 디렉토리에서 npx eslint . 명령어를 실행하여, 문제가 발생하는지 확인할 수 있습니다. 이 방법을 통해 문제가 VSCode 설정에서만 발생하는지, 아니면 eslint 설정에 문제가 있는지 좀 더 명확히 파악할 수 있습니다.

위의 방법들로도 문제가 해결되지 않는다면, 강의의 Q&A 섹션이나 관련 커뮤니티에 질문을 올려 추가적인 도움을 받는 것도 좋은 방법입니다.

도움이 필요하실 경우 더 많은 정보를 제공해주시면, 더 구체적인 도움을 드릴 수 있을 것 같습니다.

tkdrnr1215님의 프로필 이미지
tkdrnr1215

작성한 질문수

질문하기