html - 试图关闭未打开的元素

Question

我在 Svelte 中有以下代码。它可以在没有<p>标签的情况下工作，但是当我将标签放入{#if}...{/if}标签时<p>，我在最后一行收到以下错误并且应用程序无法编译。

</p> 试图关闭一个未打开的元素

<p>
   <h3>Active games</h3>
   {#if !Array.isArray(games)}
      <span>Loading...</span>
   {:else if games.length === 0}
      <span>None</span>
   {:else}
      {#each games as game (game.id)}
         <a href={'/game/' + game.id}>{game.name}</a><br>
      {/each}
   {/if}
</p>

是什么导致了错误？

标签： htmlsvelte

Answer 1

请参阅https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p，“标签遗漏”部分，p如果遇到任何其他块级元素，标签会自动关闭，例如<h3>本例中的标签。

换句话说，<p>标签中不能有任何其他块级元素。