I'm using the Oracle JET QuickStart Template to play around a bit.
I wanted to add a Switch by using the example in the cookbook (click).
I used a clean 'page' (the 'graphic'). So I copied the HTML to the graphics.tmpl.html and copied the JS in graphics.js.
When running the page I get following error:
Uncaught (in promise) ReferenceError: Unable to process binding "ojComponent: function (){return {component:'ojSwitch',value:isChecked} }"
Message: isChecked is not defined (22:10:45:545 | error, javascript)
at $element.ojComponent (:3:99)
at oj.ComponentBinding._initComponent (js/libs/oj/v1.1.2/debug/ojknockout.js:258:17)
at oj.ComponentBinding._update (js/libs/oj/v1.1.2/debug/ojknockout.js:249:8)
at function.a.j.q (js/libs/knockout/knockout-3.3.0.js:66:221)
at l (js/libs/knockout/knockout-3.3.0.js:44:174)
at a.w.a.j (js/libs/knockout/knockout-3.3.0.js:47:337)
at (anonymous function) (js/libs/knockout/knockout-3.3.0.js:66:208)
at a.a.o (js/libs/knockout/knockout-3.3.0.js:10:398)
at g (js/libs/knockout/knockout-3.3.0.js:65:237)
at h (js/libs/knockout/knockout-3.3.0.js:63:275)
at k (js/libs/knockout/knockout-3.3.0.js:63:166)
at h (js/libs/knockout/knockout-3.3.0.js:63:328)
at a.ub (js/libs/knockout/knockout-3.3.0.js:69:323)
at (anonymous function) (js/libs/oj/v1.1.2/debug/ojmodule.js:343:22)
Uncaught Error: You cannot apply bindings multiple times to the same element. (22:10:45:680 | error, javascript)
It renders the labels but not the component itself.
I'm facing the same issue with every component who uses a data-bind attribute.
Any idea what I'm missing here?