MVC .NET中Requirejs加载竞速问题

Question

我在.NET 5 MVC框架上使用带有剔除功能的requirejs，这就是我布置应用程序的方式。

这是我的_Layout.cshtml，对

<head></head>
<body>

    <div class="wrapper">
       // body stuff
    </div>
    <script type="text/javascript" src="@Url.Action("Constants", "Configuration")"></script>
    <script src="~/Scripts/vendors/requirejs/require.js" data-main="@Url.Content("~/Scripts/app/main")"></script>
    @RenderSection("scripts", required: false)

</body>

然后每个需要使用基因敲除的页面我都要做类似的事情。

@section scripts
{
    <script>
        require(['app', 'viewmodels/search/search'], function (app, contentModule) {
            app.render(contentModule);
        });
    </script>
}

这是我的app.js激活淘汰赛

define('app', ['require'], function (localRequire) {

    var app = {
        render: function(module) {
            localRequire(['knockout', 'zepto'], function(ko, $) {
                $(document).ready(function() {
                    ko.cleanNode($('.wrapper')[0]);
                    ko.applyBindings(module, $('.wrapper')[0]);
                });
            });
        }
    };

    return app;

});

一切似乎都很好，但是，有时我会遇到一个错误，该错误要求requirejs无法加载淘汰赛和zepto，我认为这与某些赛车条件有关。 这并非每次都发生。

GET http://localhost:91/Scripts/app/knockout.js 404 (Not Found) require.js:1895
Uncaught Error: Script error for: knockout
http://requirejs.org/docs/errors.html#scripterror require.js:166
GET http://localhost:91/Scripts/app/zepto.js 404 (Not Found) require.js:1895
Uncaught Error: Script error for: zepto
http://requirejs.org/docs/errors.html#scripterror 

Answer 1

您应该在主脚本（在data-main属性中指定的脚本）内调用require（）。

主要脚本是异步调用的，因此可以在配置RequireJS之前调用页面中的require（）函数。

请参阅此http://requirejs.org/docs/api.html#data-main