nuxt项目中vue报错The client-side rendered virtual ...

Posted wang715100018066

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了nuxt项目中vue报错The client-side rendered virtual ...相关的知识,希望对你有一定的参考价值。

报错:

技术图片

翻译过来是:

[Vue警告]:客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的html标记引起的,例如在其中嵌套块级元素或丢失。Bailing水化和执行完整的客户端渲染。

解决方案

技术图片

把上面注释的div删掉就正常了

技术图片

我也不清楚,在pages下的vue页面中为什么不能有注释,在这里先记下了。

 

以上是关于nuxt项目中vue报错The client-side rendered virtual ...的主要内容,如果未能解决你的问题,请参考以下文章

nuxt、vue 中使用 scss 做预编译 /deep/ expected selector 报错解决办法

[Vue] Build Vue.js Apps with the Vue-CLI and Nuxt.js

[Nuxt] Setup a "Hello World" Server-Rendered Vue.js Application with the Vue-CLI and Nuxt(

启动vue项目失败,报错Failed at the node-sass@4.14.1 postinstall script.

启动vue项目失败,报错Failed at the node-sass@4.14.1 postinstall script.

在 Nuxt 项目中自定义 bootstrap-vue