Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

server-side rendering support

See original GitHub issue

It seems that vue-agile is not compatible with SSR.

When the server is rendering the page, I get the following error:

ReferenceError: window is not defined
    at ...\node_modules\vue-agile\dist\vue-agile.min.js:1:1

Issue Analytics

State:
Created 6 years ago
Comments:6 (3 by maintainers)

Top GitHub Comments

1reaction

ashieldcommented, Aug 29, 2017

@lukaszflorczak I had tried both of these things with no luck.

I have however just got this to work with nuxt-v1.0.0-rc7 which came out today.

Using https://nuxtjs.org/guide/plugins#client-side-only in combination with https://github.com/nuxt/nuxt.js/blob/dev/examples/no-ssr/pages/index.vue allows vue-agile to render correctly without any errors.

Thanks for looking into this!

0reactions

lukaszflorczakcommented, Aug 28, 2017

@ashield, @FranckFreiburger

I’m not very familiar with SSR, but I tried to look it closer. So, I’m not sure, but probably vue-agile might work only on the client side, because the plugin use elements specified for browsers only (like window, document etc.). In nuxt documentation I found:

Have you tried it?