Warning: Expected server HTML to contain a matchin

析构涟漪
• 阅读 2886

Warning: Expected server HTML to contain a matchin
Warning: Expected server HTML to contain a matching <div> in <div>.在使用Next.js或者React.js进行SSR网站开发时,我们经常会见到这种错误,主要原因是因为SSR脱水和注水过程中发现元素渲染不一致。这种情况很可能是因为我们使用代码执行环境进行了一些判断,我们只需要将问题组件修改为客户端渲染(CRS)即可。
Warning: Expected server HTML to contain a matchin
目前我的组件Login出现了问题,使用Next.js自带的dynamic引入来解决,React自己封装一个NoSSR即可。import dynamic from "next/dynamic";
const LognIn = dynamic(import("./LogIn"), { ssr: false });

const User = () => {
return (

&lt;&gt;
  &lt;LognIn/&gt;
&lt;/&gt;

);
};
export default User;

点赞
收藏
评论区
推荐文章
美凌格栋栋酱 美凌格栋栋酱
10个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
Wesley13 Wesley13
4年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
java一生之敌 java一生之敌
3年前
JVM的内存模型和优化方式
一、JVM的内存模型1.!图片(https://imghelloworld.osscnbeijing.aliyuncs.com/imgs/52b2220f04010eb329efbef966f9fa40.png)其中s0,s1为幸
梦
4年前
微信小程序new Date()转换时间异常问题
微信小程序苹果手机页面上显示时间异常,安卓机正常问题image(https://imghelloworld.osscnbeijing.aliyuncs.com/imgs/b691e1230e2f15efbd81fe11ef734d4f.png)错误代码vardate'2021030617:00:00'vardateT
Wesley13 Wesley13
4年前
MYSQL跳过密码验证Windows
D:\\360cd"MySQLServer5.7"D:\\360\\MySQLServer5.7cdbinD:\\360\\MySQLServer5.7\\binmysqldinitializeconsole20190807T02:08:11.300849Z0\Warning\TI
Wesley13 Wesley13
4年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Stella981 Stella981
4年前
Python3常用模块
logging模块一、日志级别CRITICAL50FATALCRITICALERROR40WARNING30WARNWARNINGINFO20DEBUG10NOTSET0不设置二、默认级
Stella981 Stella981
4年前
Kubernetes1.15 部署 coredns
coredns.yaml文件如下所示__MACHINE_GENERATED_WARNING__apiVersion:v1kind:ServiceAccountmetadata:name:corednsnamespace:kubesystemlabels
CRM从哪些方面进行了管理?
我们将CRM(https://www.sap.cn/products/crm.html!image(https://imghelloworld.osscnbeijing.aliyuncs.com/imgs/17e2d96568a98f0