Vue.js Tracking.js

Question

Я пытаюсь использовать библиотеку tracking.js в своем приложении vueJS.

Я установил пакет следующим образом.

npm install --save tracking 

Затем я определяюбиблиотека в моем файле main.js

import tracking from 'tracking'
Object.defineProperty(Vue.prototype, '$tracking', { value: tracking });

Затем в моем компоненте я пытаюсь использовать библиотеку следующим образом:

mounted() {
  var tracker = new this.$tracking.ObjectTracker('webcam');
}

Я чувствую, что неправильно называю библиотеку, носообщение об ошибке:

Ошибка типа: this. $ tracking.ObjectTracker не является конструктором

Answer 1

Проблема в операторе импорта, похоже, что trackingjs не поддерживает импорт ES6.Вы должны иметь его в некоторой глобальной области видимости

Object.defineProperty(Vue.prototype, '$tracking', { value: tracking });


new Vue({
  created: function() {
   var tracker = new this.$tracking.Tracker()
  console.log(tracker)
  }
})

Здесь Пример JSFiddle работает должным образом.Обратите внимание, что он добавлен только как зависимость.т.е. <script src="path/to/trackingjs">