javascript - 如何与 Barba 一起使用 module.exports

Question

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

这是我的 View 代码。

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();

我不断收到的错误是“我不是构造函数”。我用同样的方式处理主干 View ，这很有效。

Answer 1

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

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

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