JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-debug.js"></script>
<button onclick="start()">Apply bindings</button>
<div id="test1">
<div data-bind="errorBinding: null">throws error on init</div>
</div>
<div id="test2">
<button data-bind="click: click">throws error on click</button>
</div>
CSS
div { margin-top: 20px; display: none }
JavaScript
ko.bindingHandlers.errorBinding = {
init: function() {
throw new Error("error1");
}
};
window.start = function () {
$("div").show();
setTimeout(function () {
try {
ko.applyBindings({}, document.getElementById('test1'));
} catch (ex) {
throw ex;
}
});
setTimeout(function () {
ko.applyBindings({
click: function() {
throw new Error("error2");
}
}, document.getElementById('test2'));
});
}