Cannot read property 'replace' of null

[axpro]

Uncaught TypeError: Cannot read property 'replace' of null in webpack:///(webpack)-dev-server/client?:5 on chrome/mac

It's working if I change webpack-dev-server to 1.14.0 in react-scripts.

webpack/webpack-dev-server#381

[gaearon]

Does it happen with the initially created project, or did you change something in it? Can you show your changes reproducing the problem?

[axpro]

I didn't change anything. I created a new app just to test this, I didn't even open it in my editor.
I specified the browser because it seems to work in safari and firefox. In chrome I tried incognito with no extensions and it still doesn't work.

[gaearon]

Can you please also specify exact versions of OS and Chrome? Thanks.

[axpro]

OSX El Capitan 10.11.5
Chrome was 51.0.2704.103, I updated to 52.0.2743.82 and it shows the same error.

[axpro]

The exact line is:
var scriptHost = scriptElements[scriptElements.length-1].getAttribute("src").replace(/\/[^\/]+$/, "");
under a comment that says:
/* WEBPACK VAR INJECTION */

[axpro]

I found the problem. Somehow when I tested in incognito I didn't notice that an extension (poper blocker), which causes the problem, was allowed. Sorry for wasting your time.

[vjeux]

Can you tell which extension / version it was. Someone may have the same problem in the future and maybe we can fix the extension

[axpro]

It was this extension:
https://chrome.google.com/webstore/detail/poper-blocker/bkkbcggnhapdmkeljlodobbkopceiche?hl=en

I tried to use another extension (https://chrome.google.com/webstore/detail/popup-blocker-pro/kiodaajmphnkcajieajajinghpejdjai?hl=en) and the same error occurred.

I think the problem would be better resolved in webpack-dev-server with a better selector than scriptElements[scriptElements.length-1] as I think there are many extensions which inject scripts into the page.

[gaearon]

Let’s keep it open until we solve it either with a patch to WDS or a mention in the docs.