javascript - 如何在Barba中使用module.exports

我正在尝试使用module.exports将barba视图拆分为不同的模块。

这是我查看的代码。

var Barba = require('barba.js');

var HomeView = Barba.BaseView.extend({
  namespace: 'homepage',

  onEnter: function() {

    console.log('intro start home');
      // The new Container is ready and attached to the DOM.
  },
  onEnterCompleted: function() {
      // The Transition has just finished.
      console.log('intro finished home');
  },
  onLeave: function() {
      // A new Transition toward a new page has just started.
      console.log('outro start home');
  },
  onLeaveCompleted: function() {
      // The Container has just been removed from the DOM.
      console.log('outro finished home');

  }
});

HomeView.init();

module.exports = HomeView;

这就是我创建模块的方式

var homeView = new HomeView();

我不断收到的错误是“我不是构造函数”。
我对主干视图执行相同的操作，并且有效。

最佳答案

我相信您不应该执行var homeView = new HomeView();，而是导入模块并执行HomeView.init();。这些barba.js视图看起来不像您手动初始化的构造函数，它们似乎在查找具有匹配名称空间的元素，例如

<div class="barba-container" data-namespace="homepage">

并在内部创建实例。遵循文档，它不会告诉您执行var homeView = new HomeView();