下一页JS： "TypeError: Cannot read property 'toLowerCase' of undefined"

Question

在使用getStaticPaths()和getStaticProps()时，我收到错误NextJS:"TypeError:无法读取未定义的"的属性"toLowerCase">

Answer 1

问题是在getStaticPaths((中，我直接返回了一个字符串数组作为路径：

错误代码

export const getStaticPaths = async () => {    
...
return {
paths: ['product1','product2','product3'], //WRONG
fallback: 'blocking'
}
}

解决方案是以不同的结构返回路径阵列：

正确的代码

export const getStaticPaths = async () => {    
...
return {
paths: [
{'params': {myPageSlug: 'product1'}},
{'params': {myPageSlug: 'product2'}},
{'params': {myPageSlug: 'product3'}},
], //OK
fallback: 'blocking'
}
}

myPageSlug是命名页面文件时使用的段塞，例如：pages/[myPageSlug].tsx