Debugging not working for Meteor 1.2 apps in Webstorm?

Experiencing the same issue, will update the stackoverflow topic to clarify the situation
Jetbrains tracking issue

I’ve got the following answer from WebStorms Twitter account:

@A4XRBJ1 working on a fix, please follow the issue: https://youtrack.jetbrains.com/issue/WEB-19334
One of the problems is the emoji used in URLs in source maps”

But the issue they pointed to me is for version 1.2 whilst I’m having the problems with version 1.1.0.3

On what versions are you guys, @tcastelli and @roylib ?

1.2.1 for me and yes, same issue i was already following. Seems like the debugger is now pretty useless with Meteor projects

Which makes the whole IDE useless (what else do I need an IDE for if not server side debugging)?

I’ve searched but couldn’t find any alternative for Meteor, does anyone know of another IDE for Meteor? I’m mostly doing server side development so it’s quite essential for me

Well that’s a bit of an exaggeration. Even if debugging isn’t working in WebStorm, it’s still immensely useful to me.

Well, if I take the debugging part away it’s no longer an IDE, it’s just an editor. Quite frankly, there are better editors out there for Meteor, Sublime comes to my mind.

WebStorm is an IDE because it has a sense of projects, associating a group of files and settings together as one. Even without the debugger, it’s still technically an IDE, and still has some great features that I haven’t seen in a standalone editor like Atom or Sublime:

  • allows you to cmd-click on a variable or symbol to jump you to its definition, no matter what file it’s in
  • kickass refactoring and renaming features (one of JetBrains’ signature features)
  • runs Meteor for you, including setting environment variables for that session only (very handy)

Sublime is really no big deal IMO. Atom is far better, as it’s actually updated more than once a year (can’t believe Sublime 3 is still in beta!). Sublime’s developer(s) are also not so great at responding to bugs, and since it’s a closed platform, you can’t contribute fixes.

To me those three features you mentioned aren’t worth it. I’ve only used the last one though so I might be missing something awesome. I still lot’s of things manually, as I said I’m half way through evaluating WebStorm 11 and if there would be an alternative IDE with server side debugging I would be happy to test that against WebStorm.

Not sure what you meant with cmd-click on a variable/symbol, nothing happens when I do that.

Oh wow, you’re missing out on a lot! It’s worth it to go through the docs and some videos maybe.

You can cmd-click (Mac) on, for example, a class in HTML and it will jump you to the definition. Or in JSX, you can cmd-click on <MyThing /> and it will open up and take you to the definition of that React class.

And refactoring is excellent. You can have several spots in your code where you repeat something like myThing.doit() - theOtherThing.something.value, and highlight it, and choose refactor, and then pick either var/let/const and it will make a variable for that expression, assign it, and then replace your expression with that new variable automatically throughout the code block.

Really my only gripe with WebStorm is that it’s written in Java, and so it’s not always the snappiest editor on underpowered machines. It’ll never be as fluid as Sublime which is native code. But in WebStorm I feel like I can navigate around quickly and get stuff done faster.

2 Likes

I used the command-click on my backend JS code. Maybe that feature isn’t working there

Well, I have always enjoyed JetBrains IDEs, so even if the debugger is broken for now (let’s cross fingers for a quick update), I still love many of its features, for me the best things are(some were already commented):

  • scoped search system with previews,
  • refactoring,
  • ctrl+click(well this one is tricky and doesn’t always work)
  • autocompletion and redirects based on meteor packages (you have to import them opening the file packages in .meteor)
  • GIT management !!! :heart:
  • file comparison with local history and branches
  • npm scripts
  • typescript integration

So, if you are not using any of those I highly recommend them for Meteor programming.

P.S regarding that good point of having it run meteor for you, I would not agree completely, there’s a bug when you run meteor inside webstorm (in debug mode) and every time the server is restarted because of a code change, the RAM consumption increases (the amount varies between versions and projects) because it doesn’t free all the previously allocated memory.
So for big projects and after a long time running it, it gets quite unstable and breaks. (This has happened since webstorm 9 on windows and even if they improve the “refresh” on every version, I still notice the problem on v 11)

3 Likes

Annoying, it stopped working some months ago and it started work again after an update. Now after the last update it stopped working again.

JB has released a pre-EAP build (basically a dev build) for fix validation. ES2015 appears to be working now for me:

https://youtrack.jetbrains.com/issue/WEB-18074#comment=27-1256421

1 Like

I’m having an evaluation version till 28/12/2015. I can’t unfortunately use EAP but good to hear

Is anyone able to get server side breakpoints working with Webstorm 11.0.2 and Meteor 1.2.1?

I am running a React/Meteor project and can’t figure out how to get server side breakpoints to trigger at all. The debugger is ‘listening’ but if I put the points in the left hand column they simply never get triggered.

Any suggestions?

edit: typing in ‘debugger;’ seems to work, using the click method to set a break does not.

I heard the latest WebStorm 12 EAP has fixed server-side debugging.

Any release date for the official version? Their website still says version 11

Hello, seems like WebStorm server debugging broken again with Meteor-1.3(latest betas). At least for me. Is anyone faced with similar problems? Any ideas why could this happen again?

I have the same problem. No idea why, unfortunately.

If you use angular in your project and have problems with debugging, I found the problem:

  1. Serverside debugging: You should remove all angular packages, then add pbastowski:angular-babel and AFTER (it very important) add angular package. This order was found empirically. After that I can debug my serverside code.
  2. Clientside debugging: It may sounds like I scoff, but clientside debugging works only if you have yellow( In chrome) label with text “JetBrains IDE Support is debugging this browser [Cancel]”. If you close this debug won’t work, even your extension is active.
    Hope I helped you. Tested in 10, 11, 2016.1.2, 2016.1.3 Versions of Webstorm