调试

Cloudflare Vite 插件默认启用调试并在端口 9229 上监听。 可以通过在插件配置中设置 inspectorPort 选项来选择自定义端口或禁用调试。 在本地开发期间调试 Worker 有两种推荐方法：

运行 vite dev 或 vite preview 时，会添加 /__debug 路由，提供对 Cloudflare 实现 ↗ 的 Chrome DevTools ↗ 的访问。 导航到此路由将为应用程序中的每个 Worker 打开 DevTools 标签页。

打开标签页后，可以向应用程序发出请求并开始调试 Worker 代码。

要设置 VS Code ↗ 以支持在应用程序中进行断点调试，应创建包含以下配置的 .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，然后在 Run & Debug（运行和调试） 面板顶部选择 Debug Workers（调试 Workers） 开始调试。