Uncaught TypeError: Неверный конструктор - Использование Bonsai.JS в Backbone.JS

Question

Я все еще новичок в js и пытаюсь встроить bonsai.js в базовое приложение.

Я следую этому руководству здесь: https://github.com/iamdustan/bonsai-demos и пытаюсь "отделить вещи", поместив анимацию в отдельный файл под названием hero-animation.js, но я получаю Uncaught TypeError: Illegal constructor на первой строчке hero-animation.js

Это называется в моем маршрутизаторе Backbone, и работает нормально...

homeAnimation: function() {
    bonsai.run(document.getElementById('heroContent'), {
    url: 'hero-animation.js',
    width: 500,
    height: 400
  });
}

Вот что у меня есть в hero-animation.js, что приводит к ошибке в строке 1:

var rect = new Rect(0, 0, 200, 200);
rect
.fill('random')
.addTo(stage)
.attr({
  x: stage.width - rect.attr('width'),
  y: stage.width - rect.attr('height')
})
.animate('0.5s', {
  x: 0,
  y: 0
});

Answer 1

Похоже, вы забыли включить bonsai.js,

Первоначально, Rect является "интерфейсом", что означает, что его нельзя использовать в качестве конструктора, и Бонсай переопределяет его для своих собственных целей.