eslint를 설정하고 나니 온통 빨간줄이 뜨는데 어떻게 해야 하나요?
4786
52 asked
안녕하세요. 좋은 강의 해주셔서 감사합니다. 웹팩이나 바벨 등에 대해서 막연하게 복잡할 것 같다, 신경 쓸 게 많을 것 같다 이렇게 생각하고 있었는데, 강의를 들으면서 많이 정리가 된 것 같습니다.
저 그런데 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를 실행시켰을 때는 결과로 나오는 게 딱히 없습니다.
Answer 4
10
해결했습니다. .eslintrc.js 안에 env 안에 node: true를 설정해주니까 module에 대해서 undefined 뜨던 건 사라졌고, Delete `CR` eslint(prettier/prettier)는 VS code에서 end of line 기본 설정이 LF가 아니라 CRLF로 설정되어 있어서 뜨던 거였네요.
0
"터미널 명령어로는 정상, 에디터에서는 빨간줄 오류" 라는 말씀이시죠? 아마 에디터 eslint가 커버하지 않은 파일에 대해서도 작동하는게 원인이 아닌가 싶습니다.
eslint 설정을 좀 살펴봐야 할것 같네요. require를 포함한 노드 키워드에 대해서 오류가 뜬다면 eslint 설정중 env 속성을 한 번 살펴 보시면 좋을 것 같습니다.
지금 시점에서 해당 강의를 듣는 것에 대하여
1
111
3
2025년 기준 번들러 트렌드와 선택 기준이 궁금합니다 (Webpack, Vite, tsup 등)
1
223
1
에러 해결 공유드립니다
1
225
2
webpack 4 버전과 호환되는 플러그인 버전 공유드립니다
1
233
2
eslint
0
381
3
도와주세요!
0
167
2
[수강 중 트러블슈팅 공유] webpack, webpack-cli 버전
1
145
1
질문 an error occurred while loading the image
1
469
1
webpack에서 babel-loader 사용할때 질문
1
150
1
자주 사용하는 플러그인 에서 질문이 있습니다.
1
168
1
eslint no-extra-semi 관련 질문
1
144
1
webpack5 에서 open index.html하는법 + 질문
1
168
1
TypeError: ((process.env.NODE_ENV === "production") && [MiniCssExtractPlugin]) is not iterable
2
302
1
혹시 웹팩 5 내용으로 강의 업데이트는 안되는건가요?
1
371
1
에러없이 png안뜨시는 분들
1
274
1
Error: Cannot find module 'node:crypto'
1
465
1
DefinePlugin 관련; env와 관련하여, (21.06.22 16:15, aloha_jh) 답변포함
1
407
1
깃허브 확인 문의
0
575
1
폴더를 prettier로 돌렸을 때 나오는 에러 구문에 대한 질문
0
407
1
해쉬값과 캐쉬 갱신
1
461
1
Hash 에러 발생
1
2667
2
webpack.config.js에서의 CommonJS방식에 대한 질문
0
831
3
웹팩 버전
0
524
1
웹팩-cli 버전을 명시하지 않으면 왜 에러가 날까요?
0
485
1