Component is already mounted, please use $fetch instead

Hello,

I'm struggling with the following error message:

Component is already mounted, please use $fetch instead

Component is already mounted, please use $fetch instead

The warning messages appear only when the page navigate again. Example:

1.) First page load - fine
2.) Switching to the other page - fine
3.) Back to the first page - warning.

Inside my setup function, I tried the following code to fetch the data from the server:

const { data } = await useFetch(`/api/test`);

const { data } = await useFetch(`/api/test`);

same for:

const { data} = await useAsyncData(() => $fetch(`/api/test`, { headers }));

const { data} = await useAsyncData(() => $fetch(`/api/test`, { headers }));

Nuxt version: 3.15.0 with Nitro 2.10.4

How can I solve the issue?

Nuxt•14mo ago•

7 replies

ludgart

Component is already mounted, please use $fetch instead

Hello,

I'm struggling with the following error message:

Component is already mounted, please use $fetch instead

Component is already mounted, please use $fetch instead

const { data } = await useFetch(`/api/test`);

const { data } = await useFetch(`/api/test`);

same for:

const { data} = await useAsyncData(() => $fetch(`/api/test`, { headers }));

const { data} = await useAsyncData(() => $fetch(`/api/test`, { headers }));

Nuxt version: 3.15.0 with Nitro 2.10.4

How can I solve the issue?

Component is already mounted, please use $fetch instead

Similar Threads

Component is already mounted, please use $fetch instead

Similar Threads

Similar Threads

Similar Threads