共计 402 个字符,预计需要花费 2 分钟才能阅读完成。
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 (
<>
<LognIn/>
</>
);
};
export default User;
正文完