Как отлаживать приложения NextJS React с помощью WebStorm?

Question

Я пытаюсь использовать отладчик IDE WebStorm для отладки приложения NextJS React. Я пытался использовать конфигурацию JavaScript, но, похоже, это не сработало - ни когда я использовал конфигурацию Node.

Какова правильная процедура отладки приложений NextJS React с помощью WebStorm?

Answer 1

У меня работают следующие шаги:

• запустите приложение следующим (npm run dev или как ваш стартовый скрипт выглядит)
• добавить точки останова, создать JavaScript Debug запустить конфигурацию, указать http://localhost:3000 URL
• 1012 * отладки *

Если вы хотите отлаживать код, выполняемый на стороне сервера, я бы предложил использовать Node.js конфигурацию запуска с node_modules\next\dist\bin\next, указанным в качестве Файл Javascript:

Затем вы можете отлаживать Node.js и Отладка Javascript запускать конфигурации для отладки кода как на стороне сервера, так и на стороне клиента.