Jocka Comments - Answer Overflow

<script>
const fetchProduct = async () => {
  loadingProduct.value = true;
  const { productSlug } = route.params;
  const data = await $fetch(`/products/${productSlug}`, {
    baseURL: config.public.apiBaseUrl,
  });
  product.value = data.product;
  otherProducts.value = data.otherProducts;
  loadingProduct.value = false;
};

onMounted(async () => await fetchProduct());
</script>

<script>
const fetchProduct = async () => {
  loadingProduct.value = true;
  const { productSlug } = route.params;
  const data = await $fetch(`/products/${productSlug}`, {
    baseURL: config.public.apiBaseUrl,
  });
  product.value = data.product;
  otherProducts.value = data.otherProducts;
  loadingProduct.value = false;
};

onMounted(async () => await fetchProduct());
</script>

also how can i rewrite this with useFetch in order to fix the issue?

62 replies

NNuxt

•Created by Jocka on 6/20/2024 in #❓・help

Cannot read properties of null (reading 'insertBefore')

Perfect explained, thank you so much.

62 replies

NNuxt

•Created by Jocka on 6/20/2024 in #❓・help

Cannot read properties of null (reading 'insertBefore')

btw the problem when i disable ssr: false is now gone that i explained above, if that means something

62 replies

NNuxt

•Created by Jocka on 6/20/2024 in #❓・help

Cannot read properties of null (reading 'insertBefore')

so in order to have a better SEO i need SSR instead of SSG to get the dynamic data as the SEO meta data?

62 replies

NNuxt

•Created by Jocka on 6/20/2024 in #❓・help

Cannot read properties of null (reading 'insertBefore')

aham, yes indeed

62 replies

NNuxt

•Created by Jocka on 6/20/2024 in #❓・help

Cannot read properties of null (reading 'insertBefore')

and should i put ssr: false if i use pnpm generate to have a SSG site?

62 replies

NNuxt

•Created by Jocka on 6/20/2024 in #❓・help

Cannot read properties of null (reading 'insertBefore')

for example something like this, how i should rewrite it in order to be working fine.

62 replies

NNuxt

•Created by Jocka on 6/20/2024 in #❓・help

Cannot read properties of null (reading 'insertBefore')

<script>
const fetchProduct = async () => {
  loadingProduct.value = true;
  const { productSlug } = route.params;
  const data = await $fetch(`/products/${productSlug}`, {
    baseURL: config.public.apiBaseUrl,
  });
  product.value = data.product;
  otherProducts.value = data.otherProducts;
  loadingProduct.value = false;
};

onMounted(async () => await fetchProduct());
</script>

<script>
const fetchProduct = async () => {
  loadingProduct.value = true;
  const { productSlug } = route.params;
  const data = await $fetch(`/products/${productSlug}`, {
    baseURL: config.public.apiBaseUrl,
  });
  product.value = data.product;
  otherProducts.value = data.otherProducts;
  loadingProduct.value = false;
};

onMounted(async () => await fetchProduct());
</script>

62 replies

NNuxt

•Created by Jocka on 6/20/2024 in #❓・help

Cannot read properties of null (reading 'insertBefore')

yes, i would like to use the current setup with pnpm generate while i escape this error that i get on refreshing the page where the dynamic route is fetched

62 replies

NNuxt

•Created by Jocka on 6/20/2024 in #❓・help

Cannot read properties of null (reading 'insertBefore')

any help would be appreciated.

62 replies

NNuxt

•Created by Jocka on 6/20/2024 in #❓・help

Cannot read properties of null (reading 'insertBefore')

how can i make it to wait for data?

62 replies

NNuxt

•Created by Jocka on 6/20/2024 in #❓・help

Cannot read properties of null (reading 'insertBefore')

can you give me advice on how to solve it?

62 replies

NNuxt

•Created by Jocka on 6/20/2024 in #❓・help

Cannot read properties of null (reading 'insertBefore')

And the error i get is nothing like the errors that are explained in the first video, so i'm a bit confused what should i do to solve it.

62 replies

NNuxt

•Created by Jocka on 6/20/2024 in #❓・help

Cannot read properties of null (reading 'insertBefore')

I just watched this whole video and it looks great, but the problem is that i do not get why is my way of doing it with $fetch wrong? in my case i only want to solve the problem that is caused when you refresh a component that loads data from a server.

62 replies

Gaming

Programming