Chrome does not receive source files in Angular CLI project

I am trying to debug typescript from my angular project (built with CLI) in Chrome developer tools.

• Chrome knows there are source files for my webpack bc packages. I get the message "Source Map Detected".
• There are no errors on the network tab indicating a failed request for source maps
• "Enable Javascript Source Maps" is selected in chrome tools

• The content of my wwwroot looks like this:

  • inline.bundle.js
  • inline.bundle.js.map
  • polyfills.bundle.js
  • polyfilss.bundle.js.map
  • and etc.

• inside my individual packages, I have links to source maps for specific files (prepackaged) as well as the final source map (always the last line of the package). For example:

  • sourceMappingURL = index.js.map
  • sourceMappingURL = shared.module.js.map
  • sourceMappingURL = main.bundle.js.map

Any ideas?

Also, if there is a better debugging strategy (e.g. using VSCode) please let me know. Based on a few searches, I thought that debugging in the chrome dev tools would be the least cumbersome, but I may be wrong.

thank!!!!