question-mark
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:closed
  • Created 6 years ago
  • Comments:6 (3 by maintainers)

github_iconTop 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?

Read more comments on GitHub >

github_iconTop Results From Across the Web

What is server-side rendering: definition, benefits and risks
Server -Side Rendering (SSR) is an approach to rendering content for the website. Learn the benefits, drawbacks and frameworks of server-Side ...
Read more >
What is server-side rendering and how does it improve site ...
Server -side rendering (SSR) addresses the performance and search engine optimization issues of single-page JavaScript applications.
Read more >
The Benefits of Server Side Rendering Over Client ... - Medium
While the page is rendered earlier and the customer can see the page sooner, they can't really interact with it until react is...
Read more >
Take advantage of these 5 benefits of server-side rendering
From performance improvements to browser compatibility, here are five reasons why you should use server-side rendering technologies in your next ...
Read more >
Client-side vs. server-side rendering: why it's not all black and ...
Server -side rendering is the most common method for displaying information onto the screen. It works by converting HTML files in the server...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found