Integrate frontchat with Nuxt

Question

I am integrating the front app with my nuxt site. It's already working fine with my previous vue site. Add the bundle in the script tag of the nuxt.config.js file.

  head: {
   script: [{ src: 'https://chat-assets.frontapp.com/v1/chat.bundle.js' }]
  },

I am integrating the rest of the script in the Pages/index.vue file. Like that

if (process.client) {
  window.FrontChat('init', {
  chatId: 'XXXXXXXXXXXXXXX',
  useDefaultLauncher: true
});
}

Its giving me this warning & error.

Nuxt2 or 3? You cannot use an NPM package rather than a CDN? — kissu, Dec 21 '22 at 13:43
For Nuxt2, check that one: https://stackoverflow.com/a/67535277/8816585 — kissu, Dec 21 '22 at 13:50
@kissu I am using the Nuxt2, and I think there is no mistake in it. I don't know why this error only comes in nuxt. This is not an NPM package. — Abdullah Zafar, Dec 21 '22 at 14:44
Quite a shame if no NPM package. Otherwise, my previous comment is still valid. — kissu, Dec 21 '22 at 17:10

score 1 · Accepted Answer · edited Dec 23 '22 at 13:57

1

I resolved it by just adding body: true because the

Front Chat script should be positioned just before the closing body tag.

head: {
  script: [{ 
    src: 'https://chat-assets.frontapp.com/v1/chat.bundle.js' 
    body: true, 
  }]
},

edited Dec 23 '22 at 13:57

kissu

40,416
14
65
133

answered Dec 23 '22 at 13:55

Abdullah Zafar

171
8

Integrate frontchat with Nuxt

1 Answers1