localstorage } document | window error in serve side rendering

Step 1

Install https://github.com/capaj/localstorage-polyfill


npm install localstorage-polyfill




Step 2

Add this to your server.ts file:

import 'localstorage-polyfill'


Rebuild your project. npm run build:ssr and serve locally as npm run serve:ssr. All localStorage errors should be suppressed now.



add in server.ts

If you have other errors related to document undefined and window undefined, you might wanna try this approach.

Install mock-browser and use it like this:


const MockBrowser = require('mock-browser').mocks.MockBrowser;
const mock = new MockBrowser();


global['document'] = mock.getDocument();
global['window'] = mock.getWindow();