Debugging Ember Cli

1
  1. Is it possible to effectively debug Ember-Cli?
  2. All javascripts are being compiled into vendor.js in the development environment, is it possible to turn this off?
  3. In the browser I get “http://0.0.0.0:4200/assets/jquery.min.map 404 (Not Found)”. Do I need to resolve this for debugging to work? How?
2

They are complied into one file, but the source codes are actually separated due to the use of sourceURL.

Each file is compiled into a single string, then eval with sourceURL appended at the end. So in your dev tool, you still see them as separate files.

Try CTRL+O or COMMAND+O in your chrome dev tool’s source tab.

2 Likes
3

  1. Yes. Use console.log() and debugger just like you otherwise would. Install the Ember Inspector for extra help.

  2. No.

  3. No.

1 Like
4

This is a great resource about debugging with ember:

5

I’m also looking for a way to debug since I found it’s quite painful to debug when I use ember cli. Specifically, I cannot set a breakpoint to the code that I write since they’re put into eval() by ember-cli. Even with Ember Inspector, I cannot set a breakpoint either.