← Cloudflare Workers / workers / vite-plugin / reference

Отладка

У плагина Cloudflare для Vite отладка включена по умолчанию, и он прослушивает порт 9229. Вы можете выбрать другой порт или отключить отладку, задав inspectorPort параметр в конфигурация плагина. Существует два рекомендуемых способа отладки Workers при локальной разработке:

DevTools

При выполнении vite dev или vite preview, /__debug добавляется маршрут, предоставляющий доступ к Реализация Cloudflare ↗ DevTools в Chrome ↗. Переход по этому маршруту откроет вкладку DevTools для каждого Worker в вашем приложении.

После открытия вкладок можно отправить запрос к приложению и начать отладку кода Worker.

VS Code

Чтобы настроить VS Code ↗ для поддержки отладки по точкам останова в приложении вам нужно создать .vscode/launch.json файл, содержащий следующую конфигурацию:

.vscode/launch.json

{
	"configurations": [
		{
			"name": "<NAME_OF_WORKER>",
			"type": "node",
			"request": "attach",
			"websocketAddress": "ws://localhost:9229/<NAME_OF_WORKER>",
			"resolveSourceMapLocations": null,
			"attachExistingChildren": false,
			"autoAttachChildProcesses": false,
			"sourceMaps": true
		}
	],
	"compounds": [
		{
			"name": "Debug Workers",
			"configurations": ["<NAME_OF_WORKER>"],
			"stopAll": true
		}
	]
}

Здесь <NAME_OF_WORKER> указывает имя Worker, заданное в конфигурационном файле Worker. Если вы использовали inspectorPort параметр, чтобы задать пользовательский порт, тогда это должно быть значение, указанное в websocketaddress поле.

После этой настройки можно запустить vite dev или vite preview и затем выберите Отладка Workers в верхней части Запуск и отладка панели, чтобы начать отладку.