ContentstackLivePreview.init() throws error when used in Nuxt 3 project

[lsliwaradioluz]

Hello team,

could you please help me figure out why this is happening? Seems to be a problem with post-robot and its sayHello function. Perhaps it's just a matter of bumping the post-robot version (you're using 8 whereas the latest one is 10).

FYI: In the reproduction steps, I am using a dynamic import because

import ContentstackLivePreview from '@contentstack/live-preview-utils';

yields the following error, even if I don't reference the ContentstackLivePreview anywhere

Steps to reproduce

Generate new Nuxt 3 project
npx nuxi@latest init --git-init false --package-manager yarn --dir test-project

Enter new project's directory
cd nuxt-app

Install Live Preview utils
yarn add @contentstack/live-preview-utils

Run your app
yarn run dev (and open the Live Preview window in Contentstack)

Dynamically import Live Preview in the app.vue component

<template>
  <div>
    <NuxtRouteAnnouncer />
    <NuxtWelcome />
  </div>
</template>

<script setup>
const isClient = typeof window !== 'undefined';
if (isClient) {
  const ContentstackLivePreview = await import('@contentstack/live-preview-utils');
  ContentstackLivePreview.init({ ssr: false });
}
</script>

see the following error:

[lsliwaradioluz]

FYI: The same error can be observed when I just import the postRobot and use it like this:

<template>
  <div>
    <NuxtRouteAnnouncer />
    <NuxtWelcome />
  </div>
</template>

<script setup>
import postRobot from 'post-robot';

const isClient = typeof window !== 'undefined';
if (isClient) {
  postRobot.on();
}
</script>

[erichuxohl]

Same problem here, @lsliwaradioluz were you able to solve the problem?

[contentstackMridul]

Hello @lsliwaradioluz ,

We are pleased to inform you that the issue you reported has been addressed in version 2.0.4 of our live preview SDK. To resolve this problem, we kindly request that you update your SDK to version 2.0.4 or a more recent release.