警告 Prop `href` 不匹配

Posted

技术标签:

【中文标题】警告 Prop `href` 不匹配【英文标题】:Warning Prop `href` did not match 【发布时间】:2021-11-26 03:54:16 【问题描述】:

我在另一个动态页面路由之后有一个动态页面路由。我只收到第二个动态页面路由的警告。

Warning: Prop `href` did not match. Server: "/books/category/[category]/filter/[filter]#" Client: "/books/category/literatura-oastei/filter/ceva#"

如何解决这个警告?

【问题讨论】:

【参考方案1】:

我必须在getStaticPaths 函数中使用设置为blockingfallback 属性。

例子:

export const getStaticPaths: GetStaticPaths = async () => 
  return 
    paths: [],
    fallback: 'blocking'
  ;
;

详细了解fallback 属性here。

【讨论】:

getStaticPaths 只允许用于动态 SSG 页面 我在***.com/questions/69807274也遇到了同样的问题

以上是关于警告 Prop `href` 不匹配的主要内容,如果未能解决你的问题,请参考以下文章

react-select:如何解决“警告:道具`id`不匹配”

material-ui 客户端警告:道具“样式”不匹配

警告:道具 `className` 不匹配 ~ Material UI css 在重新加载时任意中断

警告:道具 `className` 不匹配。当使用带有语义-ui-react 的样式化组件时

Next.Js 带有样式组件的 React 应用程序。警告:道具 `className` 不匹配。服务器:“x” 客户端:“y”

关于python使用requests依赖包时出现版本不匹配的警告问题,如下处理