的数据
我正在构建一个NextJS Redux项目。每当我刷新我的页面时，我总是遇到这个错误，我似乎找不到解决方案。到底发生了什么，在官方的next js博客上，我看到建议忽略它，因为它只在开发模式下显示。是这样吗？如果没有，是否有解决办法？
我也使用了HYDRATE专用减速器，但它没有解决这个问题。
const hydrate = createAction<userState>(HYDRATE)
builder.addCase(hydrate, (state,action)=>{
return {...state, ...action.payload}
})字符串
1条答案
按热度按时间noj0wjuj1#
这是在nextjs中的水合阶段发生的错误。在这个过程中，next会将生成的html与客户端上的html进行比较，如果有任何不匹配的地方，就会出现错误。
我认为您可以通过尝试以下步骤来解决此问题。
1.请确保组件在服务器和客户端上使用的数据匹配。
1.如果您要从nextjs应用程序获取数据，请确保正确使用了“getServerSideProps”。
1.确保使用条件正确处理客户端代码，我的意思是，如果在这些情况下使用的是窗口或文档对象。
也值得看看这个线程。GitHub nextjs issue