NextJS: «Ошибка типа: не удается прочитать свойство ‘в нижнем регистре’ неопределенного»

#next.js #server-side-rendering #getstaticprops #getstaticpaths #ssg

#next.js #Рендеринг на стороне сервера #getstaticprops #getstaticpaths #ssg

Вопрос:

При регистрации getStaticPaths() и getStaticProps() я получаю сообщение об ошибке NextJS: «Ошибка типа: не удается прочитать свойство ‘toLowerCase’ неопределенного»

Ответ №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