无法实施 ember-cli-mixpanel

Question

我是一名后端开发人员，正在努力探索 javascript MVC 前端的美丽新世界。我正在构建一个简单的 Ember-cli 应用程序（目前为 v1.12），我正在尝试通过 ember-cli-mixpanel 插件（v0.0.3）集成混合面板。

我已经通过 ember install ember-cli-mixpanel 安装了它，所以我在我的 node_modules 目录中找到了它，并在我的 packages.json.

中正确引用了它

文档对于新手来说有点稀疏，但我读到了：

There is one manual step, which includes our wrapper in your Router. Just extend your Router with tracking_mixin.js.

意味着我需要在我的应用程序 router.js:

中加入这一行

import TrackingMixin from './mixin/tracking_mixin';

但是，当应用程序开始加载时，我的控制台中会抛出以下内容：

Uncaught TypeError: this.trackRouteChange is not a function

trackRouteChange 是从 mixin 调用的股票页面浏览事件跟踪器，所以我认为这意味着它已正确加载......但我不确定关于那个。

我确实 environment.js 正确设置了混合面板配置内容：

mixpanel: {

enabled: true,

LOG_EVENT_TRACKING: true,

token: 'supersecrettokenhere',

disable_auto_tracking: false

},

如有任何见解，我们将不胜感激。我敢肯定这很简单，但是在敲了一段时间之后，我想我只是碰壁了。

Answer 1

您已经导入了 mixin，但需要将其传递给路由器，以便将 mixin 的功能和属性包含在路由器对象中。您可以按此处所示传入 mixin：

import TrackingMixin from './mixin/tracking_mixin';

var Router = Ember.Router.extend(TrackingMixin, {
  // TrackingMixin's functions and properties will now be mixed in to Router.
});

无法实施 ember-cli-mixpanel

Trouble implementing ember-cli-mixpanel

ember.js

ember-cli-addons