Can't always set React Native breakpoints in Chrome

This problem maybe caused by babel. When use normal function and arrow function together, it happened.


"sourceMaps": "inline" in .babelrc fixed this for me.


I've only experienced this issue under the following conditions: 1) The .js file contains multiple functions, and 2) Attempting to set a breakpoint within a function that is not the last function in the .js file

So, a partial workaround is to move a function such that it is the last function in the .js file. Or, you could assign a single function per file. Either way, you will be able to set breakpoints.

This is far from ideal, but it's the only "solution" I've found so far.

Tags:

React Native