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

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

저 그런데 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를 실행시켰을 때는 결과로 나오는 게 딱히 없습니다. 

<script></script>