Memory leak with Smart Query

[LuXDAmore]

Version

v4.0.0-rc.7

Reproduction link

https://codesandbox.io/s/nuxt-apollo-smart-query-bug-v585k

Steps to reproduce

• Install apollo-module for Nuxt;
• Use a Smart query in a page.

What is expected ?

The GarbageCollector can free up the memory after every page reload.

What is actually happening?

Visiting pages with Smart query cause the memory to continue to grow up without stopping.
After ~ 15000 urls (depends on how much HTML there is in page) the server is out of memory.

Additional comments?

Using apolloProvider.defaultClient.query in asyncData it's ok.

There's a library installed in the demo to bulk-test urls, 'npm run siege'. With that it's possible to see the memory growing up.

_{This bug report is available on Nuxt community (#c209)}

[kieusonlam]

I'll try to invest on this, but I'm not pretty sure what i can do :(

Have you try with vue-apollo and vue without using nuxt?

I don't know if it belong to vue-apollo or just only this module.

If you know how to fix this issue, feel free to make a PR.

[LuXDAmore]

I haven't tried because the problem occurs when i'm in a ssr-environment (tested w/ Nuxt)..

Is the node-server that goes out-of-memory.

[ManUtopiK]

I use a lot of smart query in my nuxt app. It's not in production stage but we are in pre-release and I can see memory leak in the digital ocean graphs:

There is only nuxt in this droplet.

Also, There is something strange. It's seem smart query are called two times in SSR and one more in front. If I do that:

import Post from '~/apollo/queries/Post' // Post.gql file

export default {
apollo: {
    post: {
        query() {
           console.log('Post', Post)
           return Post
        }
    }
...

In the terminal and the devtools console, each one show two logs (devtools with nuxt:ssr tag) like if the query function is called twice. In devtools console, there is also one more log wihtout nuxt:ssr tag like if the query is called one more time in front. I think this last is normal, but there is no reason for two times in SSR...

Edit: I forked @LuXDAmore codesandbox here: https://codesandbox.io/s/nuxt-apollo-smart-query-bug-7p7ni

[kieusonlam]

It's look like a lot of things is happening here.

and most of them seem to be nuxt plugin create new instance everytime someone make the request to the server.

I'm not sure how to solve this problem at the moment. If anyone have a idea, PR are wellcome.

[kieusonlam]

@atinux Can you help me with this? I think this is happen to another package as well algolia/vue-instantsearch#685

[LuXDAmore]

It's "funny" because it's another one issue opened by me 😄

However, if these can help, i've tried to remove cache from Apollo, by setting:

new InMemoryCache(
    {
        resultCaching: false,
        freezeResults: true,
    }
)

and

assumeImmutableResults: true

and

defaultOptions: {
    $watchQuery: {
        fetchPolicy: 'no-cache',  // and 'cache-first'
    },
    $query: {
        fetchPolicy: 'no-cache',  // and 'cache-first'
    },
},

I did a lot of tests, but I couldn't find a solution.

IDK: Maybe, this behavior could be related to this too? nuxt-community/apollo-module#251

@atinux Can you help me with this? I think it happen to another package as well algolia/vue-instantsearch#685

[LuXDAmore]

@manniL Can you help us with this? Or do you have some advice for us?

[aldarund]

@ManUtopiK in that chart, that dips after mem fill up is app crash and restart or just gc ?

[pimlie]

Does this happen only with Nuxt or also within a vue-cli project?

[ManUtopiK]

@aldarund What's do you mean by gc?
Nuxt is running under a pm2 so it's reload each time memory is full. I can see how many times it was reloaded with pm2 ls.
Also, I forgot to say that nuxt is running in dev mode (npm run dev). It's not in production now.

[TheAlexLichter]

In dev mode, memory leaks are unavoidable due to various issues. These are usually not present in prod!

[seandelaney]

I have the same issue in Production. Visiting pages causes memory to continue to grow without stopping.

[TheAlexLichter]

@LuXDAmore @seandelaney

As @pimlie already asked: Does that happen with the vue-cli project + it's apollo service too?