Использование tawk.to с приложением Nuxt/Vue


Использование tawk.to с приложением Nuxt/Vue

02.08.2018 06:03:11 Просмотров 70 Источник

Кто-нибудь знает, как использовать tawk.to в приложении Nuxt?

Я создал файл " tawk.js " в моей папке плагинов со следующим кодом:

var Tawk_API = Tawk_API || {},
  Tawk_LoadStart = new Date()
  (function () {
    var s1 = document.createElement('script')
    s0 = document.getElementsByTagName('script')[0]
    s1.async = true
    s1.src = 'https://embed.tawk.to/[my_ID_HERE]/default'
    s1.charset = 'UTF-8'
    s1.setAttribute('crossorigin', '*')
    s0.parentNode.insertBefore(s1, s0)
  })()

И я поставил его на нукста.конфиг.JS как хорошо:

  plugins: [
    { src: '~/plugins/tawk.js', ssr: false }
  ]

Но это не сработало. Он действительно показывает некоторые скомпилированные ошибки:

1:1   error  Split initialized 'var' declarations into multiple statements
1:5   error  Identifier 'Tawk_API' is not in camel case
1:16  error  Identifier 'Tawk_API' is not in camel case
1:16  error  'Tawk_API' was used before it was defined
2:3   error  Identifier 'Tawk_LoadStart' is not in camel case
2:3   error  'Tawk_LoadStart' is assigned a value but never used
2:29  error  Unexpected space between function name and paren
3:3   error  Unexpected newline between function and ( of function call
5:5   error  's0' is not defined
10:5   error  's0' is not defined
10:36  error  's0' is not defined
У вопроса есть решение - Посмотреть?

Ответы - Использование tawk.to с приложением Nuxt/Vue / Using tawk.to with Nuxt/Vue Application

Является ответом!
Aldarund

03.08.2018 01:46:31

Вы можете попробовать использовать обертку vue для tawk. Ву-таук

import Tawk from 'vue-tawk'

Vue.use(Tawk, {
    tawkSrc: 'https://embed.tawk.to/5d5528ee2xxxxxxxxxxxx/default'
})
Ashit Shah

16.06.2020 12:54:11

Лучший способ интеграции tawk.to в проекте nuxt есть: иди в нукст.конфиг.js и добавить

 script:[
      {
        hid:"tawk.to",
        src:"https://embed.tawk.to/5edf699a9e5f694422903412/default",
        defer: true
      }
     ]
Помочь в развитии проекта:
Закрыть X