客户端与服务端dom不匹配报错问题

components/modules-pc/chatBox/index.vue

-<!--
- * @Author: your name
- * @Date: 2020-09-14 16:53:49
- * @LastEditTime: 2020-10-16 17:30:03
- * @LastEditors: Please set LastEditors
- * @Description: In User Settings Edit
- * @FilePath: /consoles_program/Users/xiawei/gdy/web-live/components/modules-pc/chatBox/index.vue
--->
 <template>
 <template>
   <div class="chat">
   <div class="chat">
     <div class="top-chat-box">
     <div class="top-chat-box">
@@ -15,7 +7,9 @@
       <chat-list></chat-list>
       <chat-list></chat-list>
     </div>
     </div>
     <div class="chat-send">
     <div class="chat-send">
+      <client-only>
         <send-box></send-box>
         <send-box></send-box>
+      </client-only>
     </div>
     </div>
   </div>
   </div>
 </template>
 </template>

components/modules/menuBox/menuClass/chat.vue

@@ -6,7 +6,9 @@
     <div class="chat-box">
     <div class="chat-box">
       <chat-box></chat-box>
       <chat-box></chat-box>
     </div>
     </div>
+    <client-only>
       <send-box v-show="isShowChat" v-transfer-dom></send-box>
       <send-box v-show="isShowChat" v-transfer-dom></send-box>
+    </client-only>
     <suspension-box v-show="isShowChat" v-transfer-dom></suspension-box>
     <suspension-box v-show="isShowChat" v-transfer-dom></suspension-box>
   </div>
   </div>
 </template>
 </template>

package.json

 {
 {
   "name": "ssr-program-live",
   "name": "ssr-program-live",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "My superb Nuxt.js project",
   "description": "My superb Nuxt.js project",
   "author": "1006903445@qq.com",
   "author": "1006903445@qq.com",
   "private": true,
   "private": true,