Debugging frontend iwidgets using VS debugger keeps saying "unverified breakpoints"

I keep getting unverified breakpoints with my Vue components that I use to make widgets for Jupyter Lab and Vue dev tools for chromes also doesn’t detect the components. I suspect what is happening is that when webpack bundles it, jupyter lab bundles it again to create the file system format it has so therefore I’m losing my source mapping. What’s odd though is my react dev tools still detect react components in Jupyter lab. So maybe using React components for widgets is better because React dev tools detects it? Has anyone dealt with this issue? The problem in short is being unable to debug the front-end widgets that are made using Vue components.