Warning: Expected server HTML to contain a matching <div> in <div>.在应用Next.js或者React.js进行SSR网站开发时,咱们常常会见到这种谬误,次要起因是因为SSR脱水和注水过程中发现元素渲染不统一。这种状况很可能是因为咱们应用代码执行环境进行了一些判断,咱们只须要将问题组件批改为客户端渲染(CRS)即可。

目前我的组件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;