我遇到了 RequireJS 问题。本质上，我无法从另一个文件访问另一个文件中定义的函数。

我需要这样做，因为我想导出给定的函数子集，如

define('submodule', [], function() {

    let myFunction1 = function(){ return "Hello"; }
    let myFunction2 = function(){ return " From"; }
    let myFunction3 = function(){ return " Submodule!"; }

    return {
             myFunction1 : myFunction1,
             myFunction2 : myFunction2,
             myFunction3 : myFunction3,
    };

});

并从另一个文件访问它们

define('main', ['config', 'sub1', 'sub2', 'submodule'],   
        function(config, sub1, sub2, submodule) {

  //Config
  alert(config.conf);

  //Submodule
  let callSubmodule = function() {
    alert(submodule.myFunction1() + 
          submodule.myFunction2() + 
          submodule.myFunction3());
  }

  //sub1
  let callSub1 = function() {
    alert(sub1.myFunction1());
  }

  //sub2
  let callSub2 = function() {
    alert(sub2.myFunction1());
  }

});

The fact is that usually I'm able to do this with sub1 and sub2 , but, with submodule , I simply can't. I think it's somehow caused by the dependencies in require.config.js .

我的 require.config.js ：

require(['common'], function () { //contains vendors
    require(['config'], function () { //contains a js config file
        require(['main'], function () { //main file
            require(['sub1', 'sub2'], function () { //some subfiles
                require(['submodule']);
            });
        });
    });
});

对于 submodule.myFunction1() 和其他两个相关函数，我得到的是：

Uncaught (in promise) TypeError: Cannot read property 'myFunction1' of undefined

这很奇怪，因为我在其他情况下可以做到这一点，我真的不明白为什么会发生这种情况。例如，我可以从主文件和其他文件调用 sub1 和 sub2 函数，但不能从 submodule 中调用。

Index.html

//Taken from Plunker
. . .
<script data-main="common"  data-require="[email protected]" data-semver="2.1.20" src="http://requirejs.org/docs/release/2.1.20/minified/require.js"></script>
<script src="require.config.js"></script>

. . .
<button onclick = "callSubmodule()">Call Submodule</button>
<button onclick = "callSub1()">Call Sub1</button>
<button onclick = "callSub2()">Call Sub2</button>

common.js 包含供应商，这里只是一个例子

requirejs.config({
   baseUrl : "",
    paths : {
             "jquery" : "http://code.jquery.com/jquery-latest.min.js"
    }
});

sub1.js

define('sub1', ['submodule'], function(submodule) {

    let myFunction1 = function(){ return "called sub1"; }

    return {
             myFunction1 : myFunction1
    };

});

sub2.js

define('sub2', ['submodule'], function(submodule) {

    let myFunction1 = function(){ return "called sub2"; }

    return {
             myFunction1 : myFunction1
    };

});

我在@SergGr 的帮助下设置了一个 Plunker ，它试图复制应用程序的结构，但点击时所有模块都未定义。在实际应用中，这种情况不会发生。

我该如何解决这个问题？