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')”?

TypeError:无法读取未定义的属性(读取“名称”)

TypeError:无法读取未定义的属性“findAll”(expressjs)

TypeError:无法读取未定义的属性(读取“问题”)