NextJS:“TypeError:无法读取未定义的属性‘toLowerCase’”
Posted
技术标签:
【中文标题】NextJS:“TypeError:无法读取未定义的属性‘toLowerCase’”【英文标题】:NextJS: "TypeError: Cannot read property 'toLowerCase' of undefined" 【发布时间】:2021-03-15 14:30:10 【问题描述】:使用getStaticPaths()
和getStaticProps()
时出现错误NextJS: "TypeError: Cannot read property 'toLowerCase' of undefined"
【问题讨论】:
【参考方案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
是命名页面文件时使用的slug,例如:pages/[myPageSlug].tsx
【讨论】:
以上是关于NextJS:“TypeError:无法读取未定义的属性‘toLowerCase’”的主要内容,如果未能解决你的问题,请参考以下文章
Nextjs - multer - TypeError:无法读取未定义的属性“传输编码”
NextJS:TypeError:无法读取未定义的属性“json”
如何使用自定义错误消息捕获“TypeError:无法读取未定义的属性(读取'0')”?