self.postMessage is not a function under webpack-dev-server

Do you want to request a feature or report a bug?

Bug

What is the current behavior? Self is referring to a wrong object serviceworkerglobalscope instead of window. PostMessage is not defined under serviceworkerglobalscope

If the current behavior is a bug, please provide the steps to reproduce.

Clone https://github.com/didi0613/electrode/tree/webpack-2.0 checkout branch webpack-2.0 npm i && npm run bootstrap goto samples/universal-react-node app npm install gulp dev

What is the expected behavior? There should be no error and pwa should work

If this is a feature request, what is motivation or use case for changing the behavior?

Please mention your webpack and Operating System version. webpack 2.2.0 wepack-dev-server 2.2.0 os: mac

[LeahArmstrong]

Sorry for bringing this thread back to life, but I’ve been dealing with this problem for a few days now on Webpack 3, and think I’ve narrowed it down to at least one possible solution for anyone having problems.

In my Vue project I was submitting Ajax requests from a component. In order to maintain access to update data tied to this further up in my component I used self = this to pass to my function. I missed the var definition in my markup, and Webpack’s self.postMessage was trying to access my Vue data instead.

No errors were presented on compilation since self was already defined as a variable in Webpack.

[asrofie]

I have same issue, I fixed it with finding self variable and make sure it redefined (using let keyword, e.g let self = this).