Vue - Eslint 라인 비활성화, error 'v-slot' directive doesn't support any modifier 해결

Vue에서 Vuetify를 많이 사용하는데, 개발을 적용하면서 v-slot 관련된 오류가 나타나서 정리해 본다.

결론 부터 얘기하자면, 무시를 해도 되는 오류이다.

eslint가 잘 못 인식한 부분이라고 할 수 있다. 다만 이러한 Lint 오류가 많아지면, 실제 오류를 확인하는데 어려움이 발생하므로, 이를 해결하기 위해서는 몇가지 방법이 있는데 필자가 추천하는 방법은 특정라인을 비활성화 하는 것이다.

특정  라인 비활성화

대부분의 Lint 프로그램들은 잘못된 해석을 하는 경우가 더러 있기 때문에 라인별로 비활성화를 제공한다.

Eslint도 비활성화를 특정 라인에만 생성할 수 있는데, 다음과 같이 기술하면된다.

다음 라인 비활성화

// eslint-disable-next-line

본 라인 비활성화

/* eslint-disable */

Vue에서는 주석을 <- 주석 -> 으로 제공한다. 

 

따라서 아래와 같이 eslint를 제외하고자 한다면 다음과 같이 코드를 작성하면 된다.