\n

", "suggestedAnswer": [ [ { "@type": "Answer", "upvoteCount": 10, "dateCreated": "2020-05-26T20:22:30.621Z", "text": "

해결했습니다. .eslintrc.js 안에 env 안에 node: true를 설정해주니까 module에 대해서 undefined 뜨던 건 사라졌고, Delete `CR` eslint(prettier/prettier)는 VS code에서 end of line 기본 설정이 LF가 아니라 CRLF로 설정되어 있어서 뜨던 거였네요. 

", "url": "https://www.inflearn.com/community/questions/36296/eslint%EB%A5%BC-%EC%84%A4%EC%A0%95%ED%95%98%EA%B3%A0-%EB%82%98%EB%8B%88-%EC%98%A8%ED%86%B5-%EB%B9%A8%EA%B0%84%EC%A4%84%EC%9D%B4-%EB%9C%A8%EB%8A%94%EB%8D%B0-%EC%96%B4%EB%96%BB%EA%B2%8C-%ED%95%B4%EC%95%BC-%ED%95%98%EB%82%98%EC%9A%94?focusComment=58370" }, { "@type": "Answer", "upvoteCount": 1, "dateCreated": "2022-04-12T08:21:07.749Z", "text": "

저도 해결되엇습니다 감사합니다!

\n

 

", "url": "https://www.inflearn.com/community/questions/36296/eslint%EB%A5%BC-%EC%84%A4%EC%A0%95%ED%95%98%EA%B3%A0-%EB%82%98%EB%8B%88-%EC%98%A8%ED%86%B5-%EB%B9%A8%EA%B0%84%EC%A4%84%EC%9D%B4-%EB%9C%A8%EB%8A%94%EB%8D%B0-%EC%96%B4%EB%96%BB%EA%B2%8C-%ED%95%B4%EC%95%BC-%ED%95%98%EB%82%98%EC%9A%94?focusComment=182441" }, { "@type": "Answer", "upvoteCount": 1, "dateCreated": "2021-06-11T02:50:54.125Z", "text": "

감사합니다 올려주신 질문보고 해결했어요.

", "url": "https://www.inflearn.com/community/questions/36296/eslint%EB%A5%BC-%EC%84%A4%EC%A0%95%ED%95%98%EA%B3%A0-%EB%82%98%EB%8B%88-%EC%98%A8%ED%86%B5-%EB%B9%A8%EA%B0%84%EC%A4%84%EC%9D%B4-%EB%9C%A8%EB%8A%94%EB%8D%B0-%EC%96%B4%EB%96%BB%EA%B2%8C-%ED%95%B4%EC%95%BC-%ED%95%98%EB%82%98%EC%9A%94?focusComment=115134" }, { "@type": "Answer", "upvoteCount": 0, "dateCreated": "2020-05-26T12:33:47.750Z", "text": "

\"터미널 명령어로는 정상, 에디터에서는 빨간줄 오류\" 라는 말씀이시죠? 아마 에디터 eslint가 커버하지 않은 파일에 대해서도 작동하는게 원인이 아닌가 싶습니다.

\n

eslint 설정을 좀 살펴봐야 할것 같네요. require를 포함한 노드 키워드에 대해서 오류가 뜬다면 eslint 설정중 env 속성을 한 번 살펴 보시면 좋을 것 같습니다.

", "url": "https://www.inflearn.com/community/questions/36296/eslint%EB%A5%BC-%EC%84%A4%EC%A0%95%ED%95%98%EA%B3%A0-%EB%82%98%EB%8B%88-%EC%98%A8%ED%86%B5-%EB%B9%A8%EA%B0%84%EC%A4%84%EC%9D%B4-%EB%9C%A8%EB%8A%94%EB%8D%B0-%EC%96%B4%EB%96%BB%EA%B2%8C-%ED%95%B4%EC%95%BC-%ED%95%98%EB%82%98%EC%9A%94?focusComment=58337" } ] ] } }
Inflearn brand logo image
Inflearn brand logo image
채널톡 아이콘

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

mhr님의 프로필 이미지
mhr

작성한 질문수 52

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)

API 서버 연동

eslint를 설정하고 나니 온통 빨간줄이 뜨는데 어떻게 해야 하나요?

작성

·

4.6K

3

안녕하세요. 좋은 강의 해주셔서 감사합니다. 웹팩이나 바벨 등에 대해서 막연하게 복잡할 것 같다, 신경 쓸 게 많을 것 같다 이렇게 생각하고 있었는데, 강의를 들으면서 많이 정리가 된 것 같습니다. 

저 그런데 eslint를 설정하고 나서 온통 빨간 줄이 뜨는데요. 

require에는 'require' is not defined. eslint(no-undef)라고 나오고요. 

라인 끝에 있는 comma나 semicolon 뒤에는 Delte `CR` eslint(prettier/prettier)라는 경고 메시지가 뜹니다. 노드 기본 모듈에 대해서도 온통 not defined가 뜨고 온통 난리인데요. 제가 뭔가 설정을 잘못한 것일까요? 

현재 에디터는 vscode 사용하고 있고, 터미널에서 npm run lint로 해서 eslint src --fix를 실행시켰을 때는 결과로 나오는 게 딱히 없습니다. 

eslint웹팩nodejsbabel

답변 4

10

mhr님의 프로필 이미지
mhr
질문자

해결했습니다. .eslintrc.js 안에 env 안에 node: true를 설정해주니까 module에 대해서 undefined 뜨던 건 사라졌고, Delete `CR` eslint(prettier/prettier)는 VS code에서 end of line 기본 설정이 LF가 아니라 CRLF로 설정되어 있어서 뜨던 거였네요. 

설박님의 프로필 이미지
설박

정말 감사합니다 계속 오류나는거 올려주신 부분 보고 해결했습니다

1

[SQL 실전반 10기]대니준님의 프로필 이미지
[SQL 실전반 10기]대니준

저도 해결되엇습니다 감사합니다!

 

1

이지현님의 프로필 이미지
이지현

감사합니다 올려주신 질문보고 해결했어요.

0

김정환님의 프로필 이미지
김정환
지식공유자

"터미널 명령어로는 정상, 에디터에서는 빨간줄 오류" 라는 말씀이시죠? 아마 에디터 eslint가 커버하지 않은 파일에 대해서도 작동하는게 원인이 아닌가 싶습니다.

eslint 설정을 좀 살펴봐야 할것 같네요. require를 포함한 노드 키워드에 대해서 오류가 뜬다면 eslint 설정중 env 속성을 한 번 살펴 보시면 좋을 것 같습니다.

mhr님의 프로필 이미지
mhr

작성한 질문수 52

이 글과 비슷한 Q&A

전체 Q&A

에러 해결 공유드립니다

1

86

2

webpack 4 버전과 호환되는 플러그인 버전 공유드립니다

1

92

2

eslint

0

189

3

도와주세요!

0

77

2

질문하기