Nuxt 3 の警告 - warning: <tr> cannot be child of <table>, according to HTML specifications.

問題

Nuxtを起動するとWarningが表示される

 warning: <tr> cannot be child of <table>, according to HTML specifications. 
This can cause hydration errors or potentially disrupt future functionality.

対応

Nuxtバージョンアップで <table> 直下に <tr> を書くと警告されるようになったので、
<table> 配下には <thead> や <tbody> を書くようにすれば良い

例:

<table>
  <thead>
    <tr>
      <th>***</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>***</td>
    </tr>
  </tbody>
</table>

チャットメンバー募集

何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。

プロフィール・経歴