閲覧してくださってありがとうございます。
私はvue初心者なんですが、ひょんなことからvueの知識が必要な
nuxt.config.jsというフレームワークを使って作業をしていたのですが…
私はテーブルを作成するため、vue-data-tableというプラグインを
plugins: [ { src: '~plugins/vue-data-tables', ssr: false } ],
上記のようにいれました。画面上は問題なく動くのですが、
Consoleで確認すると下記のようなエラーが出てきてしまいます。
[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render.
何故このエラーが出るのか正直まったく分かりません(;O;)
どうすればこのエラーを解消できますでしょうか?
大変お手数だと思いますが、詳しい方のお力をお借りしたいです……
追記(実際に書いているコード)
<template> <data-tables> <el-table-column></el-table-column> </data-tables> </template> <script> </script>
タグの閉じ忘れ、インデントが可笑しい箇所がないか調べるため、
一度上記のコードだけにしてみたのですが、やはりエラーは変わらずでした。。。
私が参照したリンクです
nuxt.jsプラグインの入れ方
vue-data-table
###補足情報
vue / nuxt / javascript / 初心者
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。