需求

如何找到觸發(fā)該網(wǎng)絡(luò)請求的準(zhǔn)確代碼位置？

從 initiator 里查看調(diào)用棧上下文，一點(diǎn)頭緒也沒有。

找到觸發(fā)該網(wǎng)絡(luò)請求的控件的 selector：cx-register

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

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

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

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

比如：

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

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

這些依賴都是作為另一個 module 被導(dǎo)入。

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

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

試試換成另一個方法：

找到了：

所以結(jié)論是，TypeScript 編譯成的 JavaScript 源代碼，運(yùn)行時在 Chrome 開發(fā)者工具里還是能夠找到的。

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。