Salesforce LWC 组件 - 无法在 chrome 开发工具 - 源选项卡中命中调试点

Question

我是 salesforce 包开发的新手，正在尝试解决 LWC 组件的调试问题。

我可以在 Chrome 开发工具的“源”选项卡中的“components/c”文件夹中看到自定义 LWC 组件，但我放置在任何这些 js 文件组件中的任何调试点都不会被命中。

我错过了什么吗？？

在这种情况下我期望在调试点上得到命中吗？ 就像发生在自定义 Web 应用程序 js 文件中一样，对吧..??

我确实为我的用户启用了调试模式，并确保会话设置：

将 Lightning Web Security 用于 Lightning Web 组件 (GA) 和 Aura 组件

未选中。我确实知道此设置仅适用于能够在 chrome 开发源选项卡中查看组件，但这是我达到的目的。

如有任何帮助，我们将不胜感激。

谢谢

Answer 1

当我遇到类似的问题时。除了您提到的步骤之外，我还可以告诉您我如何克服这个问题。

我正在检查并将断点添加到错误的文件中。 前任。我正在检查源选项卡 - ...site.com > 组件 > c > myLWC.js 但正确的文件是 - ...site.com > mysitefolder（上述组件）> s > module/c > myLWC.js

我能够在断点处破坏代码。

谢谢！

Answer 2

我遇到了与 Parag 提到的相同的问题，您需要检查正确的文件夹。

请遵循以下两个步骤：

转至 会话设置，然后取消选中“对 Lightning Web 组件使用 Lightning Web Security”框。

搜索调试模式，然后在 Lightning 调试模式下为您正在使用的用户启用它。

注意：我遇到了一个问题，在我的 Playground 上启用调试模式后，没有加载任何 Lightning 页面，并且我无法访问设置。在这种情况下，请向 Salesforce 提出支持案例。为了安全起见，请创建一个具有系统管理员权限的额外用户，因为您无法通过元数据 API 禁用调试模式。

并按照屏幕截图将调试器指针设置在闪电/组件下。