RequireJS 未捕获错误：不匹配的匿名定义（）模块

Question

在一个最小的应用程序中使用 RequireJS 和 Backbone，我总是得到

Uncaught Error: Mismatched anonymous define() module

即使应用程序继续运行。这里是： https://assets.site44.com/admin/

我在 index.html 中包含 jQuery、下划线、主干，因为我想缩短每个视图/模型中的 define() 样板。

https://assets.site44.com/admin/js/main.js 包括

 var l = console.log.bind(console)

var app
//l("AA")

require.config({
  paths: {
    // Major libraries
    /*jquery: 'libs/jquery/jquery-min',
    underscore: 'libs/underscore/underscore-min', // https://github.com/amdjs
    backbone: 'libs/backbone/backbone-min', // https://github.com/amdjs
*/
    // Require.js plugins
    text: 'text'

  }

})


function initApp() {
  console.log("BB")

  require([
    'views/AppView'
  ], function(AppView){
    l("CC")

    app = new AppView()
    $("#app").html(app.render())

  })
}

$(document).ready(initApp)

我无法从文档或已回答的问题中找出问题： Mismatched anonymous define() module

谢谢

Answer 1

我在 index.html 中包含 jQuery、下划线、主干，因为我想缩短每个视图/模型中的 define() 样板。

你不应该。如果你 google "Uncaught Error: Mismatched anonymous define() module" 你会注意到最上面的链接是 RequireJS 的常见问题解答，解释了这一点

如果您在 HTML 中手动编写脚本标记以通过匿名 define() 调用加载脚本，则可能会发生此错误。

--编辑

如果您正在使用 grunt，您可以使用 grunt-generate 根据您自己的自定义模板轻松创建模块，当样板文件过载可能会毁了您的一天:)

免责声明：我编写了 Grunt 插件。

Answer 2

如果您在 HTML 中手动编写脚本标记以通过匿名 define() 调用加载脚本，则可能会发生此错误。

如果您在 HTML 中手动编写脚本标记以加载具有几个命​​名模块的脚本，但随后尝试加载一个匿名模块，该模块最终与由手动编码的脚本标签。

Answer 3

找到了摆脱它的方法：直接使用 require()，而不是在准备好的处理程序中

var l = console.log.bind(console)

var app
//l("AA")

require.config({
  paths: {
    // Major libraries
    /*jquery: 'libs/jquery/jquery-min',
    underscore: 'libs/underscore/underscore-min', // https://github.com/amdjs
    backbone: 'libs/backbone/backbone-min', // https://github.com/amdjs
*/
    // Require.js plugins
    text: 'text'

  }

})


  require([
    'views/AppView'
  ], function(AppView){
    l("CC")

    app = new AppView()
    $("#app").html(app.render())

  })