Javascript jQuery qunit动态加载，qunit错误，没有对qunit的定义调用

我有一个基于jQuery的项目。此站点即将推出新功能。客户端希望为现有功能添加单元测试

我制作了一个脚本来加载qunit，它取决于requireJs，并放在body标记之前

     <script> var UNITTEST_ENABLED = true ; </script>
     <script src="qunit.loader.js"></script>
</body>
</html>

---

我得到了类似于

错误的错误：没有对qunit的定义调用
。我不熟悉
requirejs
，这是加载模块的正确方法。
如果（！UNITTEST_ENABLED）
语句中的
return
拼写错误。可能不是问题，但不会有帮助：）@Blade0rz
return
code已更正。但这并没有帮助..可能的重复
(function(){

    if ( !UNITTEST_ENABLED ) {
        return ;
    }

    function loadCss(url) {
        var link = document.createElement("link");
        link.type = "text/css";
        link.rel = "stylesheet";
        link.href = url;
        document.getElementsByTagName("head")[0].appendChild(link);
    }

    var settings = {
          qunitScript : 'http://code.jquery.com/qunit/qunit-git',
          qunitCss : 'http://code.jquery.com/qunit/qunit-git.css',
          requireJsUrl : 'http://requirejs.org/docs/release/2.1.8/minified/require.js'
    };


    var xhr = $.getScript( settings.requireJsUrl );

    xhr.done(function(script, textStatus) {

        $('body').append(
            '<div id="qunit"></div>'
            +'<div id="qunit-fixture"></div>'
        );

        requirejs.config({
           paths: {
                'qunit': settings.qunitScript ,
                'unit_test_1' : 'unit.test.1'
           },
           shim: {
                'unit_test_1': { deps: ['qunit'] }
           }
        });

        loadCss( settings.qunitCss );

        requirejs(['unit_test_1']);

    }).fail(function(jqxhr, settings, exception) {
          console.log( "script loading error." );
    });

}());