博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
nuxt.js踩坑之 - SSR 与 CSR 显示不一致问题
阅读量:6245 次
发布时间:2019-06-22

本文共 586 字,大约阅读时间需要 1 分钟。

[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.

这个问题大致的意思就是,HTML结构嵌套不正确,我项目中出现的情况是:使用了element-ui中的<el-container>里面嵌套了一个<el-header>导致渲染出来的结果是一个<section>里面嵌套了一个<header>标签,导致了这样的情况。

最近发现这个问题的描述其实十分的清晰:服务端与客户端渲染的DOM结构不一样。上图中出现的这个问题是element-ui没有允许在服务端使用导致的。 

将ssr的配置改为true,让element-ui能在服务端调用,直接渲染DOM结构,那么控制台就清净了。

 

转载于:https://www.cnblogs.com/chenyablog/p/10278427.html

你可能感兴趣的文章
刘宇凡:360搜索来了,百度你怂了吗?
查看>>
windows通配符
查看>>
Linux学习之路-Linux-内部yum配置及hostname修改【11】---20171226
查看>>
详解CGI、FastCGI、PHP-CGI、PHP-FPM、Spawn-FCGI区别
查看>>
针对ASP.NET页面实时进行GZIP压缩优化的几款压缩模块的使用简介及应用测试!(附源码)...
查看>>
IDEA常用快捷键
查看>>
input 回车提交
查看>>
xp创建***拨号连接
查看>>
win下一些常用的工具软件及网管管理系统
查看>>
Index.get_indexer 方法的含义
查看>>
从C#到TypeScript - Generator
查看>>
Exchange 2010 (一) 为多台CAS/HUB配置证书
查看>>
你有合并单元格我都不怕-Lookup特殊使用破合并单元格求值
查看>>
CSS代码格式化工具
查看>>
【开发笔记】单点登录CAS测试登录Invalid credentials无效凭据
查看>>
检查到apache有错误发送邮件
查看>>
3.4 usermod命令;3.5 用户密码管理;3.6 mkpasswd命令
查看>>
IBM中国研究院院长沈晓卫谈认知计算
查看>>
rhel6创建iso镜像
查看>>
Unix整理笔记-vi简介-里程碑M8
查看>>