throw error window is not defined about laravel-server-side-rendering HOT 6 CLOSED

i found the problem ,that is () => import('xxx.vue'),but how to support it?

from laravel-server-side-rendering.

Got the same issue with () => import('xxx.vue'). How do I solve this?

EDIT:
Nevermind, the issue is not here. I was able to get past the issue above but there are more things to solve:

app-server.js

import app from './app'
import renderer from 'vue-server-renderer/basic'

renderer(app, (err, html) => {
	console.log(html)
    if (err) {
        throw new Error(err);
    }

    dispatch(html);
})

The console.log returns the actual string of Vue HTML. But the problem is, doing {!! ssr('js/app-server.js')->render() !!} in the Blade file doesn't show anything (just empty string, and console.log is not even called!).

from laravel-server-side-rendering.

even with babel dynamic imports it does not work. Maybe it uses window to add the chunks which are going to be called on page load. I think it has to do more with the lazy loading.

from laravel-server-side-rendering.

Dear contributor,

because this issue seems to be inactive for quite some time now, I've automatically closed it. If you feel this issue deserves some attention from my human colleagues feel free to reopen it.

from laravel-server-side-rendering.

Got the same issue with () => import('xxx.vue'). How do I solve this?

EDIT:
Nevermind, the issue is not here. I was able to get past the issue above but there are more things to solve:

app-server.js

import app from './app'
import renderer from 'vue-server-renderer/basic'

renderer(app, (err, html) => {
	console.log(html)
    if (err) {
        throw new Error(err);
    }

    dispatch(html);
})

The console.log returns the actual string of Vue HTML. But the problem is, doing {!! ssr('js/app-server.js')->render() !!} in the Blade file doesn't show anything (just empty string, and console.log is not even called!).

how did you solve problem with chunks?

from laravel-server-side-rendering.

I'm having the same issue, with lazy-loading it doesn't work.

Did any of you guys figure out a solution?

I also asked on SO - https://stackoverflow.com/questions/58216963/lazy-loaded-vue-router-components-dont-work-with-ssr

TLDR;
This works:

import Home from '../view/Home';
export const routes = [{ path: '/', name: "Home", component: Home }]

These don't
1: This compiles but when I visit the page it says "Cannot find module './js/chunks/server/0.js"

const Home = import('../views/Home');
export const routes = [{ path: '/', name: "Home", component: Home }]

2: Compiles but - Error: render function or template not defined in component: anonymous

const Home = require('../views/Home');
export const routes = [{ path: '/', name: "Home", component: Home }]

from laravel-server-side-rendering.