Nuxt开发中The client-side rendered virtual DOM tree is not matching server-rendered content.的问题

【写在最前面，我的解决方法：用<client-only>把不必要的组件包裹起来】

公司的移动端由于要对SEO做出优化支持，所以项目从普通的Vue spa项目改造为Nuxt；

在改造过程中，发现有“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.”的报错，很迷茫

通过查询，知道了这是由于一些节点带来的错误，或者是因为在P标签里加入block的元素，或者是缺少了<tbody>；

但代码里是没有出现这种情况的，项目是用Vue +Vant制作的，排查以后发现，是某个组件里用了vany的<<van-icon />；

这种icon没有在服务器渲染的必要，完全可以在客户端渲染，所以用<client-only>把这个组件包裹起来，编译刷新，报错解除！

所以相关问题也可以考虑一下是否是因为类似的原因。

看看我的小程序吧：

Nuxt开发中The client-side rendered virtual DOM tree is not matching server-rendered content.的问题相关推荐

React项目开发中的数据管理
原文链接:https://blog.csdn.net/hl582567508/article/details/76982756 redux中文文档:http://cn.redux.js.org/ Re ...
实际开发中自动跳转功能
实际开发中登陆成功后自动跳转功能 String message="<meta http-equiv='refresh' content='3;url=urls'>恭喜您,登陆 ...
【Virtual DOM】虚拟 DOM 和 Snabbdom 库
前言笔记来源:拉勾教育大前端高薪训练营阅读建议:建议通过左侧导航栏进行阅读 Virtual DOM 基本介绍什么是 Virtual DOM Virtual DOM(虚拟 DOM),是由普通的的 ...
当我们谈论Virtual DOM时，我们在说什么——etch源码解读
etch简介首先我们有必要介绍一下etch. etch是atom团队下的开源项目,是一套非常简洁然而功能十分完善的virtualDOM机制.我在偶然的情况下接触到了这个开源项目,在读README时为 ...
大型CAx(CAD/CAE/CAM)工业软件开发中的关键组件
通过对FreeCAD.SALOME等多款代码的分析研究,发现这些软件在架构设计.模块实现等方面,存在许多相似(同)的技术思想.因此,有必要对这些共性.主流的技术予以总结分析. Structuring ...
GitHub 优秀的 Android 开源项目淘宝技术牛p博客整理开发中最常用的GitHub上优秀的 Android 开源项目整理（精品）...
原文地址为http://www.trinea.cn/android/android-open-source-projects-view/,作者Trinea 主要介绍那些不错个性化的View,包括Lis ...
Android开发中使用七牛云存储进行图片上传下载
Android开发中的图片存储本来就是比较耗时耗地的事情,而使用第三方的七牛云,便可以很好的解决这些后顾之忧,最近我也是在学习七牛的SDK,将使用过程在这记录下来,方便以后使用. 先说一下七牛云的存储 ...
MIS开发中C/S模式与B/S模式的结合策略
原文url:http://www.ahetc.gov.cn/cit/199910/03.htm 感觉十分不错,两天后再补充自己的观点一.引言 Intranet这个名字自Internet商业化以来,已 ...
python常用标准库有哪些-Python开发中常用的标准库
大多数基于 Python 开发的应用程序都会用到本地标准库和三方库,这样不仅能让我们把时间去关注真正的业务开发,也能学习到更多价值含量高的程序设计和开发思想.程序开发中有一句著名的话叫做: Don't ...
U3D开发中关于脚本方面的限制-有关IOS反射和JIT的支持问题
U3D开发中关于脚本方面的限制-有关IOS反射和JIT的支持问题 U3D文档中说明了,反射在IOS是支持的,除了system.reflection.emit空间内的,其它都支持.JIT是不支持的. 本 ...

Nuxt开发中The client-side rendered virtual DOM tree is not matching server-rendered content.的问题

Nuxt开发中The client-side rendered virtual DOM tree is not matching server-rendered content.的问题相关推荐

最新文章

热门文章