SSR window is undefined from router.ts

I’m trying to use SSR but running into some issues.

• vue: 2.16.14
• inertia: 0.11.0
• inertia-vue: 0.8.0

After compiling JS for SSR I get the following error from node:

ReferenceError: window is not defined at e.n.isBackForwardVisit

Which seems to be related to the following: https://github.com/inertiajs/inertia/blob/8597d5ee0243553a6373e9793acfe87739824750/packages/inertia/src/router.ts#L101

webpack.ssr.mix.js:

mix.js( 'resources/js/ssr.js', 'public/js' )
    .vue({
        version: 2,
        options: { optimizeSSR: true },
        useVueStyleLoader: true, // Set to true or it will use style-loader which doesn't support SSR
    });

mix.disableNotifications();

mix.webpackConfig( {
        output: {
            chunkFilename: 'js/ssr_[name].js?id=[chunkhash]',
            globalObject: 'this'
        },

        target: 'node',
        externalsPresets: { node: true }, // Needed for Webpack 5 https://www.npmjs.com/package/webpack-node-externals
        externals: [webpackNodeExternals({
            modulesFromFile: {
                fileName: 'package.json',
                includeInBundle: 'dependencies',
                excludeFromBundle: 'devDependencies',
            }
        })],

dependencies from package.json:

"dependencies": {
        "@inertiajs/inertia": "^0.11.0",
        "@inertiajs/inertia-vue": "^0.8.0",
        "@inertiajs/server": "^0.1.0",
        "vue": "^2.6.12",

ssr.js:

import Vue from 'vue';
import vuetify from './vuetify';
import { createRenderer } from 'vue-server-renderer';
import { createInertiaApp } from '@inertiajs/inertia-vue';
import { ZiggyVue } from 'ziggy';
import { Ziggy } from './ziggy';
import createServer from '@inertiajs/server';

 Vue.use(ZiggyVue);

createServer(page => createInertiaApp({
    page,
    render: createRenderer().renderToString,
    title: title => title ? `${title} | Company` : 'Laden... | Company',
    resolve: name => require(`@/pages/${name}`),
    setup({ App, props, plugin }) {
        Vue.use(plugin);

        return new Vue({
            vuetify,
            render: h => h(App, props),
        });
    },
}));

If I don’t include the Inertia packages and Vue it will give an error like vue not defined or @inertia/* not defined. But using @inertia/inertia will return the mentioned error.

[claudiodekker]

Hey @ajnsn,

In Vue 2, the check is different than in Vue 3… this.$isServer is set by Vue, so that’s correct: https://vuejs.org/v2/api/#vm-isServer In addition we’re extensively running (and have been extensively running) Inertia with SSR on Vue 2 for months now, so my suspicion is that you’re manually initializing Inertia somehow, somehow, which shouldn’t happen.

Would it be possible for you to provide us with either access to the project where this occurs + steps on how to reproduce this, or with a separate reproduceable (smaller) repository?

Thanks!

[claudiodekker]

That most likely means you haven’t installed Vue then.

When running a simple npm/yarn install from your reproducable repository, I was able to reproduce the bug you mentioned in the issue description, but never ran into this problem.