Using Handsontable with RequireJS - requirejs

Question

When shimming Handsontable with requirejs I keep getting the following error and stack trace
Uncaught TypeError: undefined is not a function VM18361 handsontable.full.js:20729
unformatNumeral VM18361 handsontable.full.js:21325
numeral.fn.Numeral.unformat VM18361 handsontable.full.js:21325
numeral VM18361 handsontable.full.js:21037
This happens even with the examples from http://handsontable.com/.
My requirejs config and the module using handsontable look like this
require.config({
paths: {
handsontable : '/js/dependencies/handsontable.full'
},
shim: {
'handsontable': {
deps: ['jquery'],
exports: 'Handsontable'
}
}
define(['handsontable'], function(Handsontable) {
var data = [
['', 'Maserati', 'Mazda', 'Mercedes', 'Mini', 'Mitsubishi'],
['2009', 0, 2941, 4303, 354, 5814],
['2010', 3, 2905, 2867, 412, 5284],
['2011', 4, 2517, 4822, 552, 6127],
['2012', 2, 2422, 5399, 776, 4151]
];
var container = document.getElementById('example');
var config = {
data: data,
minSpareRows: 1,
colHeaders: true,
contextMenu: true
};
var hot = new Handsontable(container, config);
});
Does anyone else experience this problem?
For now, the only solution I can see is including handsontable as a global object (circumventing the whole purpose of requirejs of managing dependencies).
I'd appreciate a better solution.
Thanks!

Answer 1

I believe the issue here is that you are using the full version of Handsontable, which includes dependencies, such as Numeral.js. Since some of the dependencies are AMD compliant, i.e. there is a call to define(), you end up with the reference to Numeral.js and not Handsontable.
To use it correctly, you'll need to use just bare distribution file, handsontable.js, and include all the dependencies required for that version of Handsontable. Something like this:
require.config({
paths: {
handsontable : '/js/dependencies/handsontable'
},
shim: {
'handsontable': {
deps: ['moment', 'pikaday', 'zeroclipboard'],
exports: 'Handsontable'
}
}
})
I'm not sure which version of Handsontable you are using, the current version, 0.20.3, depends on moment, pikaday, and zeroclipboard. See the dist/READEME.md for more information.