مراحل آسان برای استفاده از دیباگر که ممکن است ندانید. مثال زیر را با Next.js و Chrome DevTools ببینید:

---

مراحل

این اسکریپت را اجرا کنید، می‌توانیم development را با دیباگر متصل اجرا کنیم.

NODE_OPTIONS='--inspect' next dev

این خروجی‌ها را خواهید دید:

Debugger listening on ws://127.0.0.1:9229/e8290eb3-2965-4718-8fb9-d47b56c94b5c
For help, see: https://nodejs.org/en/docs/inspector
   the --inspect option was detected, the Next.js router server should be inspected at port 9229.
  ▲ Next.js 14.2.10
  - Local:        http://localhost:3000
  - Environments: .env.development.local, .env

 ✓ Starting...
   automatically enabled Fast Refresh for 1 custom loader
 ✓ Ready in 1626ms
 ○ Compiling /api/contributions ...
 ✓ Compiled /api/contributions in 1053ms (804 modules)

در مرورگر خود، DevTools را در Chrome یا Microsoft Edge باز کنید، این را خواهید دید.

فقط یک breakpoint اضافه کنید یا debugger را در هر خطی قرار دهید.

شروع به اجرای چیزی با server actions کنید. در مثال من، به صفحه اصلی رفتم با api route در حال اجرا.

لینک‌های مرجع که ممکن است نیاز داشته باشید بیشتر بدانید.