Almond.js和define()方法。抛出:不正确的错误:不正确的模块构建，没有模块名

Question

• 的故事是：

在我们的公司，我们正在慢慢尝试调整我们的巨大应用程序，以使用动态AMD模块加载程序。我们不能一次做到这一点，这就是为什么我们要分步骤完成的原因:首先，我们希望用AMD将所有javascript重写为类型记录，并使用almond.js来“伪造”模块化。重写所有内容之后，我们将切换到真正的动态模块加载程序。

• 来了问题

当我们在页面中包含杏仁时，会引发以下错误：

almond.js:414 Uncaught Error: See almond README: incorrect module build, no module name
    at define (almond.js:414)
    at plotly.js:7
    at plotly.js:7

它来自几个图书馆，而不仅仅是巧妙的。我设法找到了它，结果是杏仁引入了define()，它接受3个必需的参数，而巧妙地(和其他一些库)使用其中的一个或两个调用：

：

if (typeof define==="function" && define.amd ) {
  define([],f)
}

杏仁：

define = function (name, deps, callback) {
    if (typeof name !== 'string') {
        throw new Error('See almond README: incorrect module build, no module name');
    }
    (...)

• 问题：

你知道如何解决这个问题吗？我们可以在almond.js之后加载Plotly.js，但我们希望找到更好的解决方案，并与杏仁一起使用Plotly。这可能吗？

Answer 1

正如阿蒙德的自述所述：

仅适用于构建/捆绑的 AMD模块，不进行动态加载。

重点补充。没有将模块名称作为第一个参数的字符串的define形式用于尚未通过构建或绑定过程的文件中。AMD将接受define调用，并在进行绑定时将模块名添加为第一个参数。您所引用的文件没有包含在包中，因此它们没有模块名。

解决方案:使用AMD，如r.js，将模块捆绑到单个包中，供杏仁使用。