Can't add breakpoints in Chrome DevTools

Description

I’m not able to add breakpoints in Chrome DevTools after updating gatsby to version: 2.13.45

Steps to reproduce

Use official theme starter https://github.com/gatsbyjs/gatsby/tree/master/themes/gatsby-starter-theme

Expected result

Be able to debug website in DevTools

Actual result

When I click on the line number bar I can’t add a breakpoint. If I right-click and choose “Add breakpoint” the breakpoint is not showing up.

Just noticed that I’m able to add a breakpoint but on the first line only.

Environment

Run gatsby info --clipboard in your project directory and paste the output here.

    OS: macOS 10.14.5
    CPU: (8) x64 Intel(R) Core(TM) i7-4770HQ CPU @ 2.20GHz
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 10.16.0 - /usr/local/bin/node
    Yarn: 1.17.3 - /usr/local/bin/yarn
    npm: 6.9.0 - /usr/local/bin/npm
  Languages:
    Python: 2.7.10 - /usr/bin/python
  Browsers:
    Chrome: 75.0.3770.142
    Firefox: 66.0.3
    Safari: 12.1.1
  npmPackages:
    gatsby: ^2.13.45 => 2.13.45 
    gatsby-theme-blog: ^1.0.0 => 1.0.0 
    gatsby-theme-notes: ^1.0.0 => 1.0.0 
  npmGlobalPackages:
    gatsby-cli: 2.4.8```

[max-l]

Please reopen this issue ! Not being able to debug from the browser is a pain !

[marcinsydor]

Yes, it’s very difficult to debug but also if you have an error in the app it’s not showing the right line of the problem which is very confusing. I’ve changed the version strictly to 2.13.25 and all works fine now.