文章图片
Warning: Expected server HTML to contain a matchingin .在使用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/>
<
/>
【Warning: Expected server HTML to contain a matchin】);
};
export default User;
推荐阅读
- 2-前端技术栈|前端网页技术之 Vue进阶
- VUE|第 1 章( Vue 核心)
- macos|nvm 安装教程(mac)
- Node.js工程师养成计划完结含文档源码
- 最新技术|替代node的deno,deno简单介绍
- pits|[vue3] error in ./node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js
- 个人免签约收款系统|微信支付宝个人免签约收款系统的实现
- RESTful|使用node.js、Express、Mongobd在10分钟内构建RESTful API
- 毕业设计|基于Nodejs的心理咨询微信小程序的设计和实现