에러가 떠도 컴파일 수행이 됩니다. (Eslint 관련 질문)

Question

제로초님, 안녕하세요, 개인 프로젝트를 하는 도중에 막힘이 있어 도움을 구하고자 글을 올리게 되었습니다.

일단 제 개인 프로젝트는 next.js(react) + typescript로 구성하였고 eslint를 적용했습니다.

개인 프로젝트이긴 하지만 eslint의 내용은 해당 강의를 많이 참조하여서 크게 다른 부분은 없다고 생각합니다.

먼저 제 프로젝트 루트 폴더에 저장한 eslintrc.json 파일 입니다.

[.eslintrc.json]

그리고 아래는 문제의 코드입니다. 114번째 줄 함수의 파라미터에 타입을 지정해주지 않아 빨간줄이 쫙 그어진 모습입니다.

eslint가 아닌 ts로 타입 체크를 하는 모습이긴 하지만 확실히 파일이 빨간색으로 뜨는 등 문제를 표시해주는 모습입니다.

[terminal]

그런데 컴파일은 ? 무사히 됩니다.

[eslintrc.json]

eslintrc.json 64번째 줄: react/prop-types를 off로 해두어서 eslint가 적용되지 않고 ts로 대충 주의만 주고 컴파일 시켜주는 건가 해서

off-> on으로 바꾸었는데도

그것과 상관없이 컴파일은 잘 됩니다. 문제가 생겼는데 컴파일이 되는게 고민입니다

저는 eslint 에러가 발생하면 컴파일이 안되게 하고 싶은데 혹시 어떻게 설정해야하는지 알 수 있을까요? 아래처럼요..

다음은 혹시 몰라 올리는 tsconfig.json과 package.json scripts 부분입니다.

[package.json]

[tsconfig.json]

extension인 ESLint도 설치한 상태입니다.

zerocho · Answer

일단 eslint랑 tsc 타입 체크 둘 다 강제는 아니라서 컴파일은 됩니다. tsc에 에러가 있을 때 컴파일을 막으려면 tsc --noEmitOnError 해야 합니다. tsconfig.json의 compilerOptions 안에 noEmitOnError: true 하세요.

giraff59385 · Answer

먼저 질문 읽어주시고, 답변 해주셔서 정말 감사합니다.  음.. 코드 추가를 했는데도 컴파일이 여전히 되고 있습니다.   'noemitonerror not working' 으로 구글링을 해보니 특정한 tsc 명령문이 나와서 터미널에 입력해보았는데요 ``` tsc --p ./tsconfig.json or tsc --noEmitOnError ~.ts ``` Error가 뜹니다. command not found: tsc 입니다.  tsc을 다시 설치하고?  위의 tsc --p ./tsconfig.json을 수행하면 해결이 될까요??   npx --package typescript tsc --version 을 하니 버전은 뜨고 npx tsc를 하니 일시적이지만 에러 구문을 표시해줍니다. 말씀해주신 tsc 설정이 제가 원하는 결과값을 주는 건 확실한 것 같습니다.   외람되지만 제가 좀 오래전에 설정해둔 내용들이라 기억이 가물가물하네요.. typescript가 package.json에 추가되어 있고, tsconfig.json도 잘 있는 상황에서 tsc를 찾을 수 없다고 한다는 건 처음 설정 때부터 문제가 있었던 걸까요.. 아님 별개인 걸까요  아니면 터미널에 명령어를 저렇게 날리면 안되는 걸까요ㅜㅜ