← Cloudflare Workers / workers / vite-plugin / reference

Ladění

Plugin Cloudflare pro Vite má ve výchozím nastavení zapnuté ladění a naslouchá na portu 9229. Vlastní port můžete zvolit nebo ladění vypnout nastavením inspectorPort možnost v konfigurace pluginu. Pro ladění Workerů během lokálního vývoje se doporučují dva postupy:

DevTools

Při spuštění vite dev nebo vite preview, /__debug se přidá trasa, která poskytuje přístup k implementace Cloudflare ↗ z DevTools prohlížeče Chrome ↗. Přechod na tuto trasu otevře kartu DevTools pro každý Worker ve vaší aplikaci.

Jakmile jsou karty otevřené, můžete odeslat požadavek do své aplikace a začít ladit kód Workeru.

VS Code

Chcete-li nastavit VS Code ↗ pro podporu ladění pomocí breakpointů ve vaší aplikaci byste měli vytvořit .vscode/launch.json soubor, který obsahuje následující konfiguraci:

.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
		}
	]
}

Zde <NAME_OF_WORKER> uvádí název Workeru, jak je zadán v konfiguračním souboru Workeru. Pokud jste použili inspectorPort možnost pro nastavení vlastního portu, měla by to být hodnota uvedená v websocketaddress .

Po tomto nastavení můžete spustit vite dev nebo vite preview a poté vyberte Ladění Workers v horní části Spuštění a ladění panelu spustíte ladění.