Vue.js 跟踪.js答案

【问题标题】：Vue.js Tracking.jsVue.js 跟踪.js
【发布时间】：2019-05-09 12:38:00
【问题描述】：

我正在尝试在我的 vueJS 应用程序中使用 tracking.js 库。

我已经像这样安装了这个包。

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 不是构造函数

【问题讨论】：

标签： javascript vue.js npm tracking.js

【解决方案1】：

问题出在import语句中，好像trackingjs不支持ES6导入。你必须在某种全局范围内拥有它

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


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

这里JSFiddle example 按预期工作。请注意，它只是像依赖项一样添加。即<script src="path/to/trackingjs">

【讨论】：