requirejs 找不到返回未定义的模块

Question

我之前一直在使用 require，但从未遇到过这个问题， 也许我在某处弄错了路径，但这是我的文件结构：

js
├───main.js
│
├───app
│   ├───app.js
│   ├───hello.js
│   ├───world.js
│   │
│   └───models
│       └───game.js
│
└───vendor
    ├───jquery.js
    └───require.js

main.js

require.config({
    paths: {
        'jquery':   '../js/vendor/jquery'
    },
    shim: {
        'jquery': {
            exports: '$'
        }
    }
});

require(['app/app', 'jquery', 'app/models/game'], function (App, $, Game) {
    console.log(arguments);
    $(function () {
        console.log('why is my App undefined?', App);
        App.init();

    });
});

app/app.js

define('App', ['hello', 'world'], function (hello, world) {

    var App = {};

    App.init = function () {
        alert(hello + ' ' + world);
    };

    return App;
});

代码正常触发，但是我的依赖项似乎在 app 或 hello 或 world 模块上失败，App 日志为未定义，我的游戏模块也是如此。

app/app 应该是我的 App 模块的正确路径，还是我想错了？

更新

我认为 App 的大写 A 解决了这个问题（但同时我对 Jlange 的评论采取了行动，所以我从 index.html 启动了 app/App 模块。这看起来不错，但在继续开发它又出现了。

我可以很好地加载同一目录中的每个模块，但我不能从子目录中加载模块。

就像最初的示例无法从主模块中加载应用程序/应用程序一样，应用程序/应用程序模块也不能导入模型/游戏模块。

我真的不知道这可能是什么，正如我之前所说，我使用过 requirejs 并且没有遇到这个问题。

更新 2 如果我删除所有命名模块，我可以让它工作，

define([dependencies], function (dependencies) {});

效果很好 但是一旦我将其更改为命名模块，我就找不到它了

define("moduleA", ['subdir/moduleB'], function (moduleB) {
    console.log(moduleB); // >> undefined
});
define("subdir/moduleB", [dependencies], function (dependencies) { return 'B'; });

Answer 1

已编辑

经过多次尝试，修复了上面的代码，并阅读了requirejs帮助页面，我发现了一个小段落，说最好不要使用命名模块，让优化器为你命名。

所以我决定删除所有模块名称

moduleA.js

define(['subdir/moduleB'], function (moduleB) {
    console.log(moduleB); // >> 'B'
});

子目录/moduleB.js

define([dependencies], function (dependencies) { return 'B'; });

这很好用... 不知道我是如何解决使用这些模块名称的，我认为最好为你的模块命名。