有任何问题，欢迎留言交流。
注意：已解决的问题，会在整理后删除掉。

请教一下，我使用combo服务合并了各个模块，但是在主文件通过require来调用接口却调用不到，在console里输入

seajs.cache查看各个模块的exports为null，文件是有加载了的。

例如main.js

然后测试的时候，除了require('../../../ued/tool/jquery')的exports为object外，其它文件的exports都变成nul了，

我调用popLogin.js插件里的exports出来的popLogin方法会报

Uncaught TypeError: Cannot call method 'popLogin' of null

或者想调用popbox.js里exports出来的pop方法也会报

Uncaught TypeError: Cannot call method 'pop' of null

这个问题纠结了很久，没合并之前是可以调用的，合并之后就出现问题了

合并之前要打包。

参考： #426

在使用seajs的过程中，会产生请求seajs.js.map的请求是什么情况

是seajs内部产生的请求么

@sourcebank 这个只有开发者模式且开启了 sourceMap 时才会请求，是浏览器主动请求的。不会影响普通用户，忽略就好。

2.2 版本会把 map 文件去掉。

@lifesinger 这个 jquery 的是 jquery 自己的。

@lepture 嗯，确实是jQuery自己的，做了个demo在没有用seajs的情况下，也出现了
有什么解决之道

@sourcebank,唉，问了没人回答，今天自己找到了答案，那就自问自答吧
”Source map就是一个Json格式的信息文件，里面储存着位置信息。也就是说，它是压缩后Js的一个字典文件。有了它，出错的时候，调试工具将直接显示原始代码，而不是压缩后的代码。“
（chrome设置选项）

使用最原始的script加载Raphael时并没有这种问题，使用seajs加载Raphael时会出现这种问题，不知道是不是seajs和Raphael内部的eve冲突了
Raphael :http://raphaeljs.com/

刚才又验证了一下，使用script标签先加载seajs后加载Raphael就有问题，反之则没有

@sourcebank raphael 需要封装成 CMD 模块, 请问你是用的 http://assets.spmjs.org/gallery/raphael/2.1.0/raphael-debug.js 这个吗

👍 @lizzie 我只是在原来的基础上使用define将代码进行了包装，然后将Raphael绑定到exports上，结果证明不行。
然后使用的你给的那个Raphael-debug结果可以了。
想问一下，之前那种方式有什么问题，有没有哪个issue是讲cmd封装的。

@sourcebank 因为 raphael 中有对 module define 这种处理, 其中一个 module.exports = eve, 没有暴露到全局, 到接下来的逻辑, 没取到 eve 值, 导致报错. 你细看下代码就知道了. 至于怎么封装, raphael 比较特殊, 得另外处理下, 具体你看 这里

另外, 请提的问题到相关的仓库 issue 中. 这个应该提到 cmdjs/gallery 中!

@lizzie 又出现了问题，同样的代码在新建的测试页面里能运行，但放到项目中就不行了，说是找不到Raphael，但Raphael文件已经加载

在require Raphael的地方设了断点，发现运行后返回的为null

折腾了几个小时，总算解决了
模块定义为
（文件名也是raphael-debug
别名处

然后加载模块的地方

最终加载不了
最后统一使用raphael-debug在加载到，就源码解释

他自动弄好的，你下载来就能用了

如果我用jqueryui插件或者其他的插件是不是都要封装以后才可以用呢？

不封装的话引用不到。

那怎么封装啊？我初学者。

在 2013-12-13 12:00:01，tltwuyu notifications@github.com 写道：

不封装的话引用不到。

—
Reply to this email directly or view it on GitHub.

@lzbSun 「初学者」不是借口，文档看完了没 seajs.org

请问玉伯，我们有一个这样的逻辑：
线上正常是:

defined('first', ['jquery'], function(){})
defined('second', ['jquery', 'first'], function(){})
defined('third', ['jquery', 'first'], functoin(){})
seajs.use('third')

其中 first.js 和 seconed.js 被压缩合并成了 first.js ，就是说first.js里含有两个first和second两个模块。

而开发环境的时候，我们需要替换为本地文件进行调试。所以给alias加一个 second.js 的路径。
而替换到本地目录的 first.js 不再包含second.js文件的内容。third.js 无法require到second模块。
这个时候在第三个文件里，我们就只能修改依赖成

defined('third', ['jquery', 'first', 'second'], functoin(){})

由于第三个文件是一系列页面的js，这样导致每个页面js都要加上一句判断开发环境决定是否加上对第二个文件的依赖。

我们希望能环保一些，只在一个地方加这个环境判断。比如在 first.js 中

考虑在first.js的回调函数最后用 require.async ，但是异步加载可能导致second.js和third.js加载顺序有问题，写法不合理。
但又不能直接在first.js里做环境判断再上依赖second.js， 因为依赖顺序反了。

请问有其他更好的办法么？

社区有女神出没

@Lynn-cc 有个地方没看懂

而替换到本地目录的 first.js 不再包含second.js文件的内容。third.js 无法require到second模块。

third.js 无法 require 到 second 模块？从依赖上看，third.js 只依赖 jquery 和 first，不依赖 second，为什么 third.js 里又会 require second 呢？

能否将这三个文件里面的 require 和 require.async 通过示例代码也展现出来？以便一起来想想怎么优化。

@lifesinger
其中重点就是:本来每个js文件只有一个模块，现在线上由于一些原因合并了一些基础模块，这样导致依赖于这些基础库的入口js的依赖数组需要根据开发or线上环境增加/减少那些被合并到一起的基础模块名。示例如下：

// first.js
define('first', function() {});

// second.js
define('second', ['first'], function() {});

// third.js
var arr = ['first'];
if (isDevelopment) {
    arr.push('second');
}
define('third', arr, function (require) {
    var first = require('first');
    var second = require('second');
});

// index.html
seajs.use('third');

线上版本的first.js是合并了first.js和second.js的
所以同时包含了first模块和second模块的
合并的原因是他们都是基础库
但是各自的功能不同，且second依赖于first

而开发环境所有文件被替换到本地
所以这时本地的first.js就是原始的first单独模块
所以third.js必须再加一个依赖
而third.js是最终每个页面的use的js
这就使每个third.js开头都需要做一次是否为开发环境的判断

从2.0.0升级到2.1.1以后，发现通过data-config和data-main来加载配置文件和主入口文件已经不行了，是不是去掉这个功能了

data-config / main 去掉很久了。升级文档里有说明。

2014/1/6 lvshuang notifications@github.com

从2.0.0升级到2.1.1以后，发现通过data-config和data-main来加载配置文件和主入口文件已经不行了，是不是去掉这个功能了

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/260#issuecomment-31608998
.

王保平 / 玉伯（射雕）
送人玫瑰手有余香

我从2.0.0切到2.1.1, 但是发现config里面写的别名不起作用！ 暂时切回了2.0.0。但是在做dailog的时候发现第一次加载的时候， 我的模块会被执行两次， 注册的函数在触发时也执行了两次。 普通页面则正常。
main.js

define(function(require, exports, module) {
    window.$ = window.jQuery = require('jquery');

    require('bootstrap');
    require('toastr');

    require('./common/bootstrap-modal-hack.js');

    exports.load = function(name) {
        // console.log('执行两次');// will trigger twice
        require.async('./controller/' + name + '.js?' + window.app.version, function(controller){
            if ($.isFunction(controller.run)) {
                controller.run();
            }
        });
    };
    window.app.load = exports.load;

    if (app.controller) {
        exports.load(app.controller);
    }

    // var Widget = require('arale.widget');
    // $(function(){
    //  Widget.autoRenderAll();
    // });

});

dailogHTML页面加载模块

<script type="text/javascript">
    app.load('question/tag-modal');
</script>

模块内容：

define(function(require, exports, module) {
    var AutoComplete = require('jquery.autocomplete');

    exports.run = function() {
        $('#autocomplete').autocomplete({
            autoFocus: true,
            minLength: 1,
            source: function(request, response) {
                $('#autocomplete').data('url');
                $.get($('#autocomplete').data('url'), {'term' : encodeURI(request.term)}, function(remoteResponse) {
                    response(remoteResponse);
                }, 'json');
            },
            select: function(event, ul) {
                var tagIds = $('input[name="tagIds"]').val();
                tagIds = tagIds.split('|');

                if ($.inArray(ul.item.value.toString(), tagIds) > -1) {
                    return false;
                }
                tagIds.push(ul.item.value.toString());
                $('.tag-list').append('<li class="tag">' + ul.item.label + '<span class="close" data-id="' + ul.item.value + '" title="移除此标签">x</span></li>');
                $('input[name="tagIds"]').val(tagIds.join('|'));
                $('#autocomplete').val('');
            }
        });

        $('.tag-list').on('click', '.close', function(e) {
            e.stopPropagation();
            var self = $(this);
            var tagIds = $('input[name="tagIds"]').val();
                tagIds = tagIds.split('|');

            var newTagIds = new Array();
            $(tagIds).each(function(index, value) {
                if (value != self.data('id')) {
                    newTagIds.push(value.toString());
                }
            });

            self.parents('.tag').remove();
            $('input[name="tagIds"]').val(newTagIds.join('|'));
        });

        $('button[type="submit"]').click(function() {
            var form = $('form.tag-edit');
            $.post(form.attr('action'), form.serialize(), function(response){
                if (response.status == 'ok') {
                    toastr.success('修改成功', '编辑标签');
                    $('#edit-modal').modal('hide');
                } else {
                    toastr.error(response.message, '编辑标签');
                }
            }, 'json');
            return false;
        });

    };

});

模块里的内容在第一次加载的时候都会执行两次， 提交表单也会执行两次，但是第二次打开dailog就正常了， 印象中好像遇到过这个问题， 大概记得是javascript的加载机制， 但是具体是什么想不起来了。无奈javascript烂， 昨天看了一个晚上也没找到问题， 不知道是不是seajs2.0.0的BUG。希望有人帮助下， 非常谢谢！

@lvshuang

你的代码里本来就执行了两次，一次是在 main.js 里：

    if (app.controller) {
        exports.load(app.controller);
    }

一次是在 html 页面上：

    app.load('question/tag-modal');

@afc163
我把主文件代码修改成如下，还是存在同样的问题

define(function(require, exports, module) {
    window.$ = window.jQuery = require('jquery');

    require('bootstrap');
    require('toastr');

    require('./common/bootstrap-modal-hack.js');

    exports.load = function(name) {

        require.async('./controller/' + name + '.js?' + window.app.version, function(controller){
            if ($.isFunction(controller.run)) {
                controller.run();
            }
        });
    };
    window.app.load = function(name) {
        app.controller = null;
        console.log('aaaaaaa');
        exports.load(name);
    };

    // if (app.controller) {
    //  exports.load(app.controller);
    // }

    // var Widget = require('arale.widget');
    // $(function(){
    //  Widget.autoRenderAll();
    // });

});

if (app.controller) {
exports.load(app.controller);
}
这个地方的app.controller和dailog中加载的模块不是一个模块， 两个是不会影响的

很抱歉，没有时间帮你定位问题呢。太忙了。

希望你能先自己分析下，最好单独提 issue，放在这些文档的回复里，很容易被遗忘掉。

今天才看到这个issue, 问题已经解决， 是因为我使用bootstrap的modal时， hack了它的函数注册事件，导致事件注册了两次！！

require('./common/bootstrap-modal-hack.js');
// 事件引发点

因此引发了此问题。 谢谢 @lifesinger @afc163 的热心帮忙

如何引用其他域名的js
比如在localhost的js里

require("http://localhost:81/js/jquery.js"); 
//jquery已经CMD化，在localhost:81下的页面调用没问题

总是返回null

@geekerzhou 应该不会

@army8735 发现seajs和jquery.js如果是来自同一个域的就没问题，如果seajs在localhost而jquery在localhost:81就不行

特地试了下确实可以，远程目录都可以何况换个端口。看看网络请求调试下。

你好，我问下，设置了seajs 的base路径，同时define了一个模块ID为haha
使用seajs.user('haha');这种形式请求，为什么还是会加上 base/haha.js 呢？
有没有办法声明我是以ID的形式，而不是请求文件

define(function(require, exports, module){
var $ = require('jquery');
$(document).ready(function(){
alert('step1');
});
alert('step2');
});

你好，我在执行上面这段代码时，发现在ie9下会先弹出step1，再弹出step2，其他版本的浏览器都正常，即先弹出step2，再弹出step1。

最近正在学习SeaJS 请问有什么好一点的资料么？有木有课本之类的啊

@terrytang66 seajs没有专门的书籍，但是有人写博客，也有官方文档。自己在网上搜下，多看看官方文档，http://my.oschina.net/centerLife/blog/138251 这是我之前写的博客，是对于老版的seajs的。你可以看看。

太老了，容易误导人，直接https://github.com/seajs/seajs/issues?q=label%3Adocumentation+is%3Aclosed

@lichunqiang 果断隐了

@lvshuang 🎱 哈哈

谢谢分享~~ @lvshuang @lichunqiang