2.4.1
https://jsfiddle.net/k5h2fvqh/
<p>
tag como elemento raiz<div>
como elemento filhoRenderizar o modelo corretamente
Erro ao compilar o modelo com a mensagem "O modelo de componente deve conter exatamente um elemento raiz"
Aqui está uma reprodução mínima: https://jsfiddle.net/gq2ckLLf/
Esse é o comportamento executado, a tag <p>
não pode ter filho <div>
(e outros blocos também), então <p><div></div></p>
é analisado como <p></p><div></div></p>
e como você pode ver, é mais de um elemento raiz. Essas são as limitações do HTML.
PS Mais informações disponíveis aqui
A lista completa de elementos que "fecham" <p>
está disponível aqui
Comentários muito úteis
Esse é o comportamento executado, a tag
<p>
não pode ter filho<div>
(e outros blocos também), então<p><div></div></p>
é analisado como<p></p><div></div></p>
e como você pode ver, é mais de um elemento raiz. Essas são as limitações do HTML.PS Mais informações disponíveis aqui