• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

<router-view/>의 빨간 줄

21.08.11 18:21 작성 조회수 470

0

<router-view/>의 빨간 줄 왜 생기는 건가요?

교육 영상에서도 나오던데..

실행하는 대는 문제는 없습니다만 이유가 무엇인가요?

제거하는 방법은 없나요? 

답변 1

답변을 작성해보세요.

1

Vue프로젝트 설치할 때 선택한 Eslint 관련해서 에러인것 처럼 잡는 것입니다. 실제로는 에러가 아니지만요.

Vue 2.0 버전에서는 template 태그 안에 반드시 루트 태그(div 같은)가 있어야 에러가 아니였습니다. 그런데 Vue 3.0 부터는 루트 태그가 없어서 에러가 아닙니다. Eslint가 아직 Vue 3.0에 바뀐 내용을 모두 적용하고 있지 않아서 에러인것처럼 빨간색 줄이 가는 현상입니다.

빨간줄을 없애고 싶다면, template 태그 안에 작성된 html 코드 최상위에 div 같은 루트 태그를 사용하시면 됩니다.