chrome中Sources打開webpack://域，找到.下的node_modules下的element-ui/lib目錄下的element-ui.common.js。

所有的組件都被打包到了這里，怎么能快速找到組件呢？我們看下這個注釋：

// CONCATENATED MODULE: ./packages/checkbox/src/checkbox.vue?vue&type=template&id=d0387074&

表示打包的vue，那我們直接搜索對應的vue好了，以checkbox組件為例，首先在源碼目錄中找到對應的位置（./packages/checkbox/src/checkbox.vue），然后再搜索這個路徑即可。
或者簡單直接搜下checkbox.vue就好了。

我們打一個斷點試一下，打在methods.handleChange中，點擊下復選框——進入斷點，打斷點成功了！

總結

以上是生活随笔為你收集整理的element-ui如何进行调试的全部內容，希望文章能夠幫你解決所遇到的問題。

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