What if I use the vue-tinymce-editor rich text plug-in console to report an error in Nuxt.js?

The

page can be displayed normally, but the console reports an error

error message

[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 

, or missing <tbody>. Bailing hydration and performing full client-side render.

GET http://localhost:3000/_nuxt/plugins/codesample/css/prism.css

if you comment out the plug-in, you will not make an error. What can you do about it?


look at this error message: vue-tinymce-editor does not support server-side rendering

add a judgment to the external dom element of this component

<div v-if="!$isServer">vue-tinymce-editor</div>
Menu