Zenn
🖥

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

2024/11/15に公開
Nuxt
Nuxt 3
tech

問題

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オープンチャットもご利用ください。

https://line.me/ti/g2/eEPltQ6Tzh3pYAZV8JXKZqc7PJ6L0rpm573dcQ

プロフィール・経歴

https://github.com/YumaInaura/YumaInaura

公開日時

2024-09-05

https://qiita.com/YumaInaura/items/b9a67885f86e724b37fd

Discussion