在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ Nuxt.js中使用vue-tinymce-editor富文本插件控制臺報錯怎么

Nuxt.js中使用vue-tinymce-editor富文本插件控制臺報錯怎么辦?

頁面可以正常顯示,但是控制臺報錯

報錯信息

[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.
GET http://localhost:3000/_nuxt/plugins/codesample/css/prism.css

如果把插件注釋掉就不報錯了,請問怎么解決?

回答
編輯回答
瘋子范

看這個報錯信息應(yīng)該是vue-tinymce-editor不支持服務(wù)器端渲染

在這個組件外部dom元素上加一個判斷

<div v-if="!$isServer">這里放vue-tinymce-editor試試</div>
2017年9月23日 12:03