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

Nuxt.js中使用vue-tinymce-editor富文本插件控制臺(tái)報(bào)錯(cuò)怎么辦?

頁(yè)面可以正常顯示,但是控制臺(tái)報(bào)錯(cuò)

報(bào)錯(cuò)信息

[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

如果把插件注釋掉就不報(bào)錯(cuò)了,請(qǐng)問(wèn)怎么解決?

回答
編輯回答
瘋子范

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

在這個(gè)組件外部dom元素上加一個(gè)判斷

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