likes
comments
collection
share

Warning: Expected server HTML to contain a matchin

作者站长头像
站长
· 阅读数 18

Warning: Expected server HTML to contain a matchinWarning: 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;