javascript - 使用 requireJS 和 jQuery 实现点击事件

Question

我正在使用 requireJS。我有两个文件，其中包含主应用程序配置、功能:

app/main.js

define(["jquery", "jquery_migrate"], function() {
    return {
        bar: function() {
            console.log('test');
        }
    }
});

并通过一些事件来启动此功能:

app/events.js

require(['main_app'], function(foo) { 
    $('body').on('click', function(e) {
        foo.bar();
        e.preventDefault();
    });
});

这是路由文件:

app.js

requirejs.config({
    "baseUrl": "js/libs",
    "paths": {
        "main_app":         "../app/main",
        // global
        "app":              "../app",
        "jquery":           "jquery/jquery",
        "jquery_migrate":   "jquery/jquery_migrate"
    }
});
requirejs([ "app/main", "app/events" ]);

我仍然有未捕获错误:main_app 的脚本错误并且点击事件没有响应。有人可以帮忙吗？非常感谢。

Answer 1

去掉main_app键

requirejs.config({
    "baseUrl": "js/libs",
    "paths": {
        //"main_app":         "../app/main", // I believe this is causing a conflict
        // global
        "app":              "../app", 
        "jquery":           "jquery/jquery",
        "jquery_migrate":   "jquery/jquery_migrate"
    }
});

app/events.js

require(['app/main'], function(foo) { 
    $('body').on('click', function(e) {
        foo.bar();
        e.preventDefault();
    });
});