警告 Prop `href` 不匹配

Question

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

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

如何解决这个警告？

Answer 1

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

例子：

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

详细了解fallback 属性here。