Question

我一直在努力争取使用requireJS。

就其本身而言，掌声很有效。

我收到以下错误：

app.js:37 Uncaught TypeError: Handsontable is not a constructor
    at app.js:11
    at Object.execCb (require.js:1693)
    at Module.check (require.js:881)
    at Module.<anonymous> (require.js:1136)
    at require.js:134
    at require.js:1186
    at each (require.js:59)
    at Module.emit (require.js:1185)
    at Module.check (require.js:936)
    at Module.enable (require.js:1173)

这是一个最基本的例子。我的HTML代码：

<html lang="en"><head>
  <script data-main="static/js/app" src="static/js/require.js">
</script>
  <link rel="stylesheet" media="screen" href="static/css/handsontable.css">
</head>
    <body>
        <div id="example"></div>
    </body>
</html>

我的app.js代码（编辑：根据Nhor的回答）：

requirejs.config({
    baseUrl: 'static',
    waitSeconds: 10,
    paths: {
        // Handsontable full's requirements is in the plugin directory/
        // I shouldn't need them, but incase.
        'pikaday': 'plugins/pikaday/pikaday',
        'zeroclipboard': 'plugins/zeroclipboard/ZeroClipboard',
        'moment': 'plugins/moment.min',
        // Handsontable is directly in the static folder
        'handsontable': 'handsontable'
    }
});
requirejs([
    'handsontable'
], function(
    Handsontable
) {
    var data = [['', 'Kia', 'Nissan', 'Toyota', 'Honda'],
                ['2008', 10, 11, 12, 13],
                ['2009', 20, 11, 14, 13],
                ['2009', 30, 15, 12, 13]
              ];
    var hot = new Handsontable(document.getElementById('example'), {
      data: data,
      colHeaders: true,
      rowHeaders: true,
      minSpareRows: 1,
      minSpareCols: 1,
    });
});

根据hansontable的文档，handsontable有AMD支持https://github.com/handsontable/handsontable。在我看来有一些我不理解requireJS的东西。我导入的其他模块没有这个问题。

非常感谢任何帮助。

Answer 1

您错过了handsontable库路径。 RequireJS需要知道您要使用的所有文件的路径，这意味着您必须在requirejs.config函数中指定路径。这些路径可以指向本地文件系统，也可以通过HTTP指向远程资源。您可以在此处详细了解：http://requirejs.org/docs/api.html#jsfiles

@edit

实际上我犯了一个小错误，说路径可以指向文件系统。这是因为我曾经在HTTP路由中反映我的文件系统目录结构，但实际上路径应该指向文件驻留在HTTP服务器上的位置，例如，如果地址是{ {1}}，http://127.0.0.1:8000/static/js/handsontable.js应为baseUrl。

Answer 2

您使用的是哪个版本？今天遇到完全相同的问题，恢复到版本0.31.2修复它。使用低于0.32.0的任何东西都可以。我知道这可能不是一个完美的SO解决方案/响应，但它确实有效。

requireJS无法加载Handsontable

2 个答案: