Vuejs как добавить чат клиента для facebook

#javascript #vue.js #vuejs2

#javascript #vue.js #vuejs2

Вопрос:

Мне нужно добавить Facebook чат для моего приложения vuejs. Для этого я нашел плагин vue-fb-customer-chat

В моем Home.vue я импортирую и регистрирую компонент, а затем вызываю внутри шаблона следующим образом

 <VueFbCustomerChat
          page_id="908908908"
          theme_color="#333333"
          locale="en_US"
        ></VueFbCustomerChat>
  

Когда я запускаю это, я получаю сообщение об ошибке

 [Vue warn]: Failed to mount component: template or render function not defined
  

Я полагаю, что это связано с тем, что этот плагин необходимо https запустить.
Итак, я создаю и развертываю на сервере prod. Теперь эта ошибка исчезла. Но в пользовательском интерфейсе ничего не отображается.

Но в демо-версии этого libray это работает https://dmnwebdesign.github.io/vue-fb-customer-chat/Как мне достичь этого с помощью Vuejs?

Ответ №1:

Убедитесь, что вы добавили этот контент в свой main.js

 import Vue from 'vue'
import VueFbCustomerChat from 'vue-fb-customer-chat'
 
Vue.use(VueFbCustomerChat)
  

Комментарии:

1. Есть ли причина добавить это? Я уже импортировал локально в компонент.

2. можете ли вы прикрепить полный код компонента, чтобы я мог указать точную проблему