I’ve searched high and low and only found discussions on the topic, but no solutions.
I want just the basic hello world example where I have a typescript component and when I look it up in chrome (or any other browser) devtools, I see my typescript code and can step through it. This works in every other framework I’ve used so far. I can’t even get my original javascript code to show up.
All of the suggestions, including but not limited to:
babel: { sourceMaps: 'inline' } sourcemaps: { mapStyle: 'data' },
etc
don’t really seem to do anything.
I’m new to Ember and so far, I’m not liking the debugging experience.
In our case it comes up because after babel transpiles each file, the bundling process in ember-cli goes to concatenate them together with fast-sourcemap-concat and that library validates each source map first and ignores ones that are broken. The new babel source maps get judged as broken because they include names in the source map that don’t appear in the authored source.
You’re fantastic. Thank you!