3

当以我理解的普通方式使用 CoffeeScript 构建和运行 RequireJS 时，我似乎遇到了代码未按预期顺序执行的问题，即

<script src="/_s/lib/require-jquery.js"></script>
<script>
  require.config({
    paths: {
      "main": "/_s/all.min", // <--- the 'optimized' result of `$ r.js build.js`
    }
  });
  require(["main"], function () {
     // this executes without any regard to whether 'main' is loaded.
     // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
     // also:
     // require('cs!csmain') throws an exception because "cs!csmain" has not been
     // loaded for context: '_'.
  });

人们会期望传递给的函数require(["main"], ...在加载 main 及其所有依赖项之后执行，因为这就是文档所说的。

然而，事实并非如此。在我的本地开发系统上，这个问题并没有表现出来，我想是因为它是某种竞争条件，这使它成为双重问题，因为这只是在部署/登台之后才出现。

我有一个main.js这样的直截了当：

var _paths;

_paths = {
  ... 
  underscore: '../lib/lodash'
};

require.config({
  baseUrl: '/_s/mycode/', // main.js lives here
  paths: _paths,
  shim: {
     ...
    'timeago': ['jquery']
  },
  waitSeconds: 60
});

require(['cs!csmain']); // has all the dependencies

连同一个build.js被称为参数的参数r.js：

({
    baseUrl:    'mycode',
    optimize:   'none',
    out:        'all.min.js',
    stubModules: ['cs', 'coffee-script'],
    paths: {
        ...
        underscore: '../lib/lodash'
    },
    name: 'main',
    shim: {
       ...
    }
})

有谁知道这里发生了什么？我真的很喜欢 RequireJS 的异步特性以及将我的代码拆分为合理模块的能力，但这个问题特别令人沮丧，因为它只在暂存/生产环境中表现出来。

任何想法和建议将不胜感激。

编辑：删除了一些可能多余的论点以缩短问题。

4

1 回答 1

2

我相信我已经解决了这个问题 -main.js应该包含对 的调用define，正如我在 GitHub 上的一个问题中发布的那样。

于 2012-07-31T22:14:42.467 回答