将 frontchat 与 Nuxt 集成

Integrate frontchat with Nuxt

提问人:Abdullah Zafar 提问时间:12/21/2022 更新时间:12/23/2022 访问量:56

问:

我正在将前端应用程序与我的nuxt网站集成。它已经与我以前的 vue 网站运行良好。在 nuxt.config.js 文件的 script 标记中添加捆绑包。

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

我正在将脚本的其余部分集成到 Pages/index.vue 文件中。诸如此类

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

它给了我这个警告和错误。enter image description here

客户端 appendchild github-third-party-apps nuxt.js

评论

0赞 kissu 12/21/2022
Nuxt2 还是 3?你不能使用 NPM 包而不是 CDN?
0赞 kissu 12/21/2022
对于 Nuxt2,请检查以下一项:stackoverflow.com/a/67535277/8816585
0赞 Abdullah Zafar 12/21/2022
@kissu我正在使用 Nuxt2,我认为它没有错误。我不知道为什么这个错误只出现在nuxt中。这不是一个 NPM 包。
0赞 kissu 12/22/2022
如果没有 NPM 包,那就太可惜了。否则,我之前的评论仍然有效。

答:

1赞 Abdullah Zafar 12/23/2022 #1

我通过添加 body: true 解决了它,因为

Front Chat 脚本应放置在结束正文之前 标记。

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