NextJS: "TypeError: невозможно прочитать свойство toLowerCase из undefined"

Question

При использовании getStaticPaths() и getStaticProps()Я получаю сообщение об ошибке NextJS: "TypeError: не удается прочитать свойство toLowerCase из undefined"

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