无法在 VS Code 中向 Twig 文件添加断点

Posted 2023-02-19

【中文标题】无法在 VS Code 中向 Twig 文件添加断点

【英文标题】：Can't add a breakpoint to Twig files in VS Code

【发布时间】：2022-01-16 03:26:03

【问题描述】：

我正在尝试在我的 Drupal 9 站点中调试 Twig 模板。我使用 VSCode 作为我的 IDE 并使用 Xdebug 进行调试。我已根据此处概述的说明设置/配置安装 - https://www.drupal.org/docs/develop/development-tools/configuring-visual-studio-code

我可以在 php 文件中设置断点（单步执行并成功监视变量），但是我似乎无法对 Twig 模板文件执行相同操作（只是为了查看我可以在该模板中访问哪些变量）。当我说我无法添加断点时，我的意思是在 VSCode 中单击 Twig 文件的装订线不会导致添加任何断点。

我想利用 Xdebug 而不是使用 Drupal 中的 Devel 和 Twig_xdebug 模块提供的 breakpoint() 和 dump() 之类的调试功能。我很确定我做错了什么或错过了一步，但我似乎无法弄清楚它是什么。

关于我的环境的更多细节：

Mac OS 上的本地 Drupal 9 设置，使用 PHP 7.4 和 nginx 作为其网络服务器。 Xdebug (v3.1.1) 已安装并启用（通过phpinfo() 输出验证） 已安装 VSCode (1.63.0) 以及上述文章中概述的所有支持 Drupal 和 PHP 扩展（特别是 php-debug）。 我正在使用默认启动配置在 VSCode 中运行我的调试会话。

对于我做错了什么和/或我可以尝试什么，我将不胜感激。另外，我希望我提供了有关我的用例的足够信息。

【参考方案1】：

Twig 将模板文件编译成 PHP 文件。您需要在这些 Twig 生成的 PHP 文件中设置断点才能调试它们。

在this 页面上，我还看到涉及缓存，您需要禁用它。该文档似乎相当全面。