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');
}

我觉得我把图书馆打错了，但错误信息是

TypeError: 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">