警告 Prop `href` 不匹配

Posted 2023-03-30

技术标签:

【中文标题】警告 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 函数中使用设置为blocking 的fallback 属性。

例子：

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

详细了解fallback 属性here。

【讨论】：

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

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