vue-ssr | Vue.js Server Side Rendering template for vue-cli | Server Side Rendering library

Pretty sure that this is to do with your webpack coniguration. I think it's because style loader is trying to inject your styles into the DOM (which obviously is not present on the server side). Hence the reference error. I'm not 100% sure, but try only using vue-style-loader. There's no need to put it in a chain with style-loader as they are pretty much doing the same thing.

Also run your build command on the project and take a look into the server-bundle. That will show you who's trying to access the DOM.

EDIT:

As a general approach to what you're trying to do, you should also include sass/css in one single rule, like this:

I have resolved this for the time being by copying to my server the following

• index.html
• server.js
• the "dist" folder (containing the server bundle)
• the "public" folder (containing the client bundle, stylesheet and other files)

Then on the server i can run

First storeData() => storeData(state)

then return this.$store.state.items.homepage.data => return this.$store.state.items.homepage && return this.$store.state.items.homepage.data (or initialize the state items with an empty homepage)