2.4.1
https://jsfiddle.net/k5h2fvqh/
<p>
etiqueta como elemento raíz<div>
etiqueta como elemento secundarioRenderizar la plantilla correctamente
Error al compilar la plantilla con el mensaje "La plantilla de componente debe contener exactamente un elemento raíz"
Aquí hay una reproducción mínima: https://jsfiddle.net/gq2ckLLf/
Ese es el comportamiento ejecutado, la etiqueta <p>
no puede tener un hijo <div>
(y otros bloques también) por lo que <p><div></div></p>
se analiza como <p></p><div></div></p>
y, como puede ver, es más de un elemento raíz. Eso es limitaciones de HTML.
PD Más información disponible aquí
La lista completa de elementos que "cierran" <p>
está disponible aquí
Comentario más útil
Ese es el comportamiento ejecutado, la etiqueta
<p>
no puede tener un hijo<div>
(y otros bloques también) por lo que<p><div></div></p>
se analiza como<p></p><div></div></p>
y, como puede ver, es más de un elemento raíz. Eso es limitaciones de HTML.PD Más información disponible aquí