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

【问题标题】：Can't add a breakpoint to Twig files in VS Code无法在 VS Code 中向 Twig 文件添加断点
【发布时间】：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() 之类的调试功能。我很确定我做错了什么或错过了一步，但我似乎无法弄清楚它是什么。

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：