Мое приложение NextJS загружает каждую страницу во время навигации

#node.js #next.js

Вопрос:

У меня довольно огромное приложение NextJS, всякий раз, когда я запускаю yarn run dev приложение, оно работает на 3000, но всякий раз, когда я нажимаю на navigate / page, каждая страница обновляется, например, Jquery, а также мой NodeJS потребляет около 3 ГБ оперативной памяти, поэтому в основном, когда я просматриваю свою страницу, компиляция занимает слишком много времени, у меня8 ГБ оперативной памяти

Ответ №1:

Это связано с тем, что во время разработки код создается неэффективно, и при каждой навигации, если страница для URL-адреса, которую вы посещаете (если она не была посещена ранее), Nextjs создаст эту страницу во время выполнения with hot-relaod , и именно поэтому вы можете увидеть эту задержку.


Как вы можете это проверить?

  • Есть ошибка на одной странице, и страница полностью исправна без ошибок.
  • Перейдите на первую страницу, которая работает нормально и не содержит ошибок, эта страница загружается идеально, но когда вы перейдете по URL второй страницы, вы увидите ошибку.

Это означает, что при запуске npm run dev каждая страница создается индивидуально, и одна страница создается только один раз, когда это требуется.


С другой стороны, npm run build создает эффективно построенный пакет для всех страниц в build папке одновременно. И приведенный выше пример не будет собран и покажет некоторую ошибку.

Подробнее об этом можно прочитать на https://github.com/vercel/next.js/discussions/15053#discussioncomment-143243