Использование Handsontable с RequireJS

Question

Когда подкладок Handsontable с requirejs я получаю следующее сообщение об ошибке и трассировку стека

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 

Это происходит даже с примерами из http://handsontable.com/.

Мой requirejs конфигурации и модуль, используя handsontable посмотреть, как этот

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); 
}); 

Кто-нибудь еще возникла эта проблема?

В настоящее время единственное решение, которое я вижу, включает в себя мобильную связь как глобальный объект (обходя всю цель требований управления зависимостями).

Буду признателен за лучшее решение.

Спасибо!

Answer 1

Я считаю, что проблема заключается в том, что вы используете полную версию Handsontable, которая включает в себя зависимости, такие как Numeral.js. Так как некоторые из зависимостей совместимы с AMD, то есть есть вызов define(), вы получаете ссылку на Numeral.js, а не на «Handsontable».

Чтобы использовать его правильно, вам нужно использовать только платный дистрибутив файл, handsontable.js и включить все зависимости, необходимые для этой версии Handsontable. Что-то вроде этого:

require.config({                                   
    paths: { 
    handsontable : '/js/dependencies/handsontable'                    
    },                    
    shim: {                    
    'handsontable': {                
     deps: ['moment', 'pikaday', 'zeroclipboard'],               
     exports: 'Handsontable'              
    } 
    } 
}) 

Я не уверен, какая версия Handsontable вы используете, текущую версию, 0.20.3, зависит от момента, pikaday и zeroclipboard. См. dist/READEME.md для получения дополнительной информации.