将 LiveChatInc 小部件与 NuxtJs 集成

Posted

技术标签:

【中文标题】将 LiveChatInc 小部件与 NuxtJs 集成【英文标题】:Integrate LiveChatInc widget with NuxtJs 【发布时间】:2021-11-21 10:44:23 【问题描述】:

我正在为我的项目使用 NuxtJS,并且我正在尝试根据此页面集成 LiveChatInc 聊天:https://developers.livechat.com/docs/extending-chat-widget/javascript-api#getting-started

我尝试使用中间件输入 JS 代码,但 Eslint 给我错误:

window.__lc = window.__lc || ;
window.__lc.license = <LICENSE_NUMBER>;
;(function(n,t,c)function i(n)return e._h?e._h.apply(null,n):e._q.push(n)var e=_q:[],_h:null,_v:"2.0",on:function()i(["on",c.call(arguments)]),once:function()i(["once",c.call(arguments)]),off:function()i(["off",c.call(arguments)]),get:function()if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)]),call:function()i(["call",c.call(arguments)]),init:function()var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n);!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e(window,document,[].slice))

有人能指出我正确的方向吗?谢谢。

【问题讨论】:

【参考方案1】:

以下是如何将一些第 3 方脚本添加到您的 Nuxt 应用程序,具体取决于您确实需要的用例:https://***.com/a/67535277/8816585

ESlint 在这种代码 sn-p 上给你错误是完全正常的,你不需要关心这些。

把它放在包含你的 sn-p 的 .js 文件的顶部(你不需要在这种文件中使用 linter)

// eslint-disable

【讨论】:

以上是关于将 LiveChatInc 小部件与 NuxtJs 集成的主要内容,如果未能解决你的问题,请参考以下文章

将 QGraphicsDropShadowEffect 与多个小部件一起使用

如何将我的应用程序与我的小部件集成?

将QHboxLayout的每个小部件与Pyqt中的顶部对齐

Flutter - 如何对齐(小部件)孙小部件与孩子相同

如何将单个小部件与多个提供程序一起使用?

将 Bootstrap 4 与 NuxtJS 一起使用