vue

[issue] Destructuring assignment 에서 prettier적용시 세미콜론이 자동으로 붙을때

끄적a 2021. 7. 28. 01:54

아래의 코드와 같이 Destructuring assignment 를 사용한 코드에서는 

if (desc.length > 0) {
    [this.errorMsg] = desc
}

prettier 적용 하면 아래처럼 ;(세미콜론)이 [ 앞에 붙게 된다. 

if (desc.length > 0) {
    ;[this.errorMsg] = desc
}

그래서 eslint에서 error: Unnecessary semicolon (no-extra-semi) 는 error를 발생 한다. 

 

그래서 prettier ignore(코드 앞에 // prettier-ignore  를 넣으면 prettier의 자동 변경이 적용 되지 않음)을 사용 하여 세미 콜론이 붙는 문제를 해결 하려고 하였지만 찾아보니 대괄호[ 앞에 세미콜론이; 붙는건 error가 아니라고 한다.

 


필요 에 따라 아래 처럼 eslint를 무시하는 주석 처리를 하면 문제가 해결 된다. 

Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.

 

아래는 [ 앞에 ; 붙는게 더 좋은거라는 설명 

https://standardjs.com/rules.html#semicolons

https://prettier.io/docs/en/rationale.html#semicolons