#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