nuxt中需要注意的一些点

1 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 . Bailing hydration and performing full client-side render.报错问题

       今日还剩

        1

        

      套

如上。一个div中的内容是文本+标签的形势。那么编译会报错vue.runtime.esm.js?a593:619 [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 . Bailing hydration and performing full client-side render.

虽然编译时报错但是并不影响程序运行，但是在生产环境上则会报错 xxxnode cannot appendChild...整个程序无法运行。

此时就是我们书写的html结构不规范导致。

如果修改成如下结构则不会报错：

 

        今日还剩

        1

        

        套