Uncaught TypeError: Nielegalny konstruktor - Używanie Bonsai.JS w Backbone.JS

Question

Wciąż jestem nowym użytkownikiem js i próbuję dopasować bonsai.js do aplikacji szkieletowej.

Obserwuję ten podręcznik tutaj: https://github.com/iamdustan/bonsai-demos, i stara się „różne rzeczy out” poprzez umieszczenie animacji w oddzielnym pliku zatytułowanym hero-animation.js, ale pojawia się Uncaught TypeError: Illegal constructor na pierwszej linii hero-animation.js

Jest zwany w moim routerze kręgosłup, i działa dobrze ...

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

Oto co mam na bohatera animation.js który w wyniku błędu w wierszu 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

Wygląda na to, że zapomniałeś dołączyć bonsai.js.

Początkowo Rect jest an "interface", co oznacza, że ​​nie może być używany jako konstruktor, a Bonsai nadpisuje go dla własnych celów.