File Sync Issue when using Grunt file watch

Using WS 8 Beta.

I've built an app using the generator-angular ndoe package.

Running the app using the command: grunt serve

This processes the files based on that grunt task, opens the app in a browser tab and keeps a watch on any changed files and reloads that browser tab if files change.

The problem is that the compiled file that webstorm looks at, isn't updated when the source file is changed.  However, WS does in fact see the values have changed.  Here are a few screenshots to explain what I'm seeing.

This is the main.js file that WS is seeing, this is the output file from the grunt task.
ws_debug_file_sync_1.png

This is the updated actual source file for the file main.js, I've just added a bunch of junk into the testVar
ws_debug_file_sync_3.png
Here however is the debugger window, it shows the updated values as I would expect.
ws_debug_file_sync_2.png

So the problem is, the version of the file that is shown when you hit a breakpoint in WS, isn't the same version as the actual source file.  It's using a cached version that is out of sync.

2 comments
Comment actions Permalink

I found the refresh button that will reread the file that is loaded in the browser.  So that solves this issue, but I think it really should be done automatically (or an option for automatically doing it), since the data and the javascript you're looking at are out of sync until you refresh.

0
Comment actions Permalink

Sorry, don't understande what you are talking about.
Most probably, WebStorm doesn't 'see' the compiled files (BTW, what do you mean by 'compiled' - minified? what does your grunt task do exactly?) - they are external to it, and thus can't 'live update' the page as it usually does on changing files being debugged

0

Please sign in to leave a comment.