Vue: 하나의 루트 요소에도 불구하고 템플릿을 컴파일하는 동안 오류가 발생했습니다.

에 만든 2017년 07월 20일 · 4코멘트 · 출처: vuejs/vue

버전

2.4.1

재생산 링크

https://jsfiddle.net/k5h2fvqh/

재현 단계

<p> 태그를 루트 요소로 사용
<div> 태그를 자식 요소로 넣기

무엇을 기대합니까?

템플릿을 올바르게 렌더링

실제로 무슨 일이 일어나고 있습니까?

"구성 요소 템플릿은 정확히 하나의 루트 요소를 포함해야 합니다"라는 메시지와 함께 템플릿을 컴파일하는 동안 오류가 발생했습니다.

bug

출처

eu81273

가장 유용한 댓글

이는 예상된 동작입니다. <p> 태그에는 자식 <div> (및 다른 블록도 포함)이 있을 수 없으므로 <p><div></div></p> 는 <p></p><div></div></p> 로 구문 분석되며 보시다시피 하나 이상의 루트 요소. 이것이 HTML의 한계입니다.

PS 추가 정보는 여기에서 확인 가능

nickmessing 에 2017년 07월 20일

👍2

모든 4 댓글

다음은 최소한의 재현입니다. https://jsfiddle.net/gq2ckLLf/

nickmessing 에 2017년 07월 20일

이는 예상된 동작입니다. <p> 태그에는 자식 <div> (및 다른 블록도 포함)이 있을 수 없으므로 <p><div></div></p> 는 <p></p><div></div></p> 로 구문 분석되며 보시다시피 하나 이상의 루트 요소. 이것이 HTML의 한계입니다.

PS 추가 정보는 여기에서 확인 가능

nickmessing 에 2017년 07월 20일

👍2

<p> 를 "닫는" 요소의 전체 목록은 여기에서 볼 수

nickmessing 에 2017년 07월 20일

👍1

https://jsfiddle.net/k5h2fvqh/50/

juliolimareis 에 2018년 09월 10일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

관련 문제

맞춤 이벤트:<child v-on:child-msg="handleIt"/>

gkiely · 3코멘트

[제안] Vue 2.0 - vm.$appendTo - 싱글톤 컴포넌트

paulpflug · 3코멘트

v-model이 false인 경우 확인란이 선택됨을 표시합니다.

loki0609 · 3코멘트

렌더링하는 동안 존재하지 않는 "outerHTML" 속성에 액세스하려고 합니다.

finico · 3코멘트

vue와 함께 localStorage를 사용하는 방법은 무엇입니까?

seemsindie · 3코멘트