'window is not defined' error when using style-loader with webpack

Question

Building a server side react app and while using Webpack I am having issues with Style-Loader.

I am using version \"^0.23.1\" and when running a script to bundle and

Answer 1

style-loader tries to inject styles into the head of the website (window / document), which will be non-existent on your server on render / execution.

You need to remove this loader from your server-config and replace it with something else (e.g. ExtractTextPlugin or MiniCSSExtractplugin, depending on your webpack version)