invalid-first-character-of-tag-name.

Parsing error: invalid-first-character-of-tag-name.

상황

에러코드 - vue Parsing error: invalid-first-character-of-tag-name.

작업을 하는 도중 {{ count < 0 ? 0 : count }} 코드에서 위와 같은 에러가 떴다. 검색을 해보니 관계연산자(<) 에러였다.

html 작업시 < 는 태그를 작성할때 여는 문법으로 사용되기 때문에 그걸로 인식 하면서 생긴 오류인 것 같다.

해결 방안

뚜렷한 방안이 있는것 같지 않은 느낌인데...

방법은..

1. 린트 수정한다.

2. {{ 0 > count ? 0 : count }} 와 같이 부호를 < 대신 > 를 사용한다. (빨간줄이 뜨지만 에러는 나지 않고 빌드가 잘 되었다.)

3. computed: {...}를 사용할 수 있는 상황이라면 computed를 이용한다.

<span class="count">{{ count }}</span>

computed: {
 count () {
   return 0 > this.count ? 0 : this.count;
 }
}

참고

• 구글 검색

• vuejs/eslint-plugin-vue/issues...