search

tomblachut / svelte-intellij

Svelte components in WebStorm and friends
MIT License
482 stars 38 forks source link

Debugger breakpoints not working #242

Closed jk779 closed 1 year ago

jk779 commented 3 years ago

Hi, i'm trying to use the Webstorm debugger for svelte files written in Typescript. I've followed this article on how to use the debugger when using an external application server (I'm using webpack/yarn).

Debugging works great and as expected within Webstorm when using the debugger keyword inside the TS code or when using sveltes {@debug something}.

Sadly I'm not able to make the debugger pause execution when using Webstorms breakpoints. I've tried to use the "Ensure breakpoints are detected" option in the Javascript Debug configuration, but thats not working either.

Can you hint me to a direction where the problem could be? I've seen the svelte plugin added support for debugging, so I think I'm doing something wrong. Or is it expected that debugging works with the keywords debugger and @debug only?

ghost commented 3 years ago

@tomblachut I just also noticed that this is not working. However i have seen it earlier working, could it be that this is also broken by the newer Webstorm build ?

ghost commented 3 years ago

well, it was an issue with source map generation in my project, unrelated to the plugin. I Fixed the source map generation and breakpoints work just fine. So can ignore my last comment @tomblachut

tomblachut commented 3 years ago

@jiby-gh I appreciate your clarification, thanks.

AnthoniG commented 2 years ago

@tomblachut I seem to be having the same problem. Followed the link jiby-gh put and set up chrome for debugging. I then put a breakpoint in the script tag and then ran the debugger. It did not stop on the break point.

What am I doing wrong? I am just using basic SvelteKit install npm init svelte@next demo (used Typescript as language).

Any help is appreciated.

EDIT: Solved it. Can now successfully debug my code. Does not seem to work for reactive statements, i.e.: $: but it does work for methods / functions

cristianvogel commented 2 years ago

Hi. I am running into this issue. I have no breakpoints at all when in Run Dev, not for methods, components or html ...

UPDATE: Ignore, I also sorted it out following this article

DanMossa commented 1 year ago

I'm still unable to have my breakpoints work. I'm using Typescript if that matters.

tomblachut commented 1 year ago

Hi @DanMossa, looks like everyone else found a solution in the linked article. Please create an issue in WebStorm ZenDesk or YouTrack, that way our support engineers will be able to help you better