需求

如何找到觸發該網絡請求的準確代碼位置？

從 initiator 里查看調用棧上下文，一點頭緒也沒有。

找到觸發該網絡請求的控件的 selector：cx-register

在 Storefront TypeScript 源代碼里查找不到：

在編譯生成的 JavaScript 里搜索 cx-register:找到三處

只有直接查看 SAP Spartacus 源代碼：cx-register 對應的 RegisterComponent，定義在 user-profile-components.module.ts 里：

最后找到了 RegisterComponent 里的其他依賴：

比如：

• userRegister：UserRegisterFacade
• globalMessageService：GlobalMessageService
• fb：FormBuilder
• router：RoutingService

這些依賴，在編譯出來的 for 運行時代碼里，都能夠看見：

這些依賴都是作為另一個 module 被導入。

看不到這些 module 的方法里的 JavaScript 代碼？

直接搜索 RegisterComponent，結果太多了有200多個匹配。

試試換成另一個方法：

找到了：

所以結論是，TypeScript 編譯成的 JavaScript 源代碼，運行時在 Chrome 開發者工具里還是能夠找到的。

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的如何找到 SAP Spartacus 里某个 Component TypeScript 编译后生成的 JavaScript 位置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。