使用Require.js设置Symfony2和Backbone.js

Question

我有一个非常简单的应用程序，类似于Todo，带有一个名为Subject的实体。

Symfony2将提供REST api，Backbone应用将负责客户端的操作。 我一直在尝试设置我的项目，以便Require.js加载基本模型和一组非常简单的视图，但是我总是会收到此错误：

"NetworkError: 404 Not Found - http://localhost:8000/bundles/pfiuser/js/app/.js"

其次是

Error: Script error for: http://requirejs.org/docs/errors.html#scripterror
In require.js line 166

最后是超时：

Error: Load timeout for modules: http://requirejs.org/docs/errors.html#timeout

我不太了解Require.js，但我认为它来自我无法使用的defines之一。 这是require的配置（我的工作基于本教程 ）：

requirejs.config({
    baseUrl: '{{ asset('bundles/pfiuser/js/app/')  }}',
    paths: {
        text: "vendor/requirejs-text/text",
        jquery: 'vendor/jquery/dist/jquery',
        underscore: 'vendor/underscore/underscore',
        backbone: 'vendor/backbone/backbone',
        bootstrap: 'vendor/bootstrap/dist/js/bootstrap',
        bootstrapEditable: 'vendor/bs3-editable/bootstrap-editable'
    },
    shim: {
        underscore: {
            exports: '_'
    },
    backbone: {
         deps: ['underscore', 'jquery'],
             exports: 'Backbone'
         },
         bootstrap: {
             deps: ['jquery'],
             exports: 'Bootstrap'
         }
    }
});

然后我调用该应用程序：

require([
    '{{ asset('bundles/pfiuser/js/app/app.js')  }}'
], function(App){
    App.initialize();
});

那在app.js中变得很奇怪。 这是基本文件：

define([
    'jquery',
    'underscore',
    'backbone',
    'router'
], function($, _, Backbone, Router){
    var initialize = function(){
        //Router.initialize();
    }

    return {
        initialize: initialize
    };
});

在那里我得到了错误。 如果仅注释路由器（它将调用其他文件），则仍然会出现错误。 但是，如果我评论主干呼叫，我将不再有错误：

define（['jquery'，'underscore'/ ，'backbone'，'router' /]，function（$，_，Backbone，Router）{var initialize = function（）{//Router.initialize（）;}

return {
    initialize: initialize
};

}）;

该错误对我来说听起来很神秘，所以我不知道如何解决。 这是我的项目目录结构，以供参考：

//In src/PFI/UserBundle/Resources/public/js/
app/
|-- collections
|      |-- subjects.js
|-- models
|      |-- subject.js
|-- templates
|      |-- subjects
|      |     |-- list.html
|-- vendor
|     //all the libraries installed via bower
|-- views
|      |-- subjects
|             |-- list.js
|-- app.js
|-- boilerplate.js
|-- main.js //(unused as I configure requirejs directly in the page layout)
|-- router.js

Answer 1

我也试图将require与Symfony2一起使用，但我认为您不应该这样做：

    require([
    '{{ asset('bundles/pfiuser/js/app/app.js')  }}'
], function(App){
    App.initialize();
});

更多类似的东西

require([
    'app'
], function(App){
    App.initialize();
});

实际上，您的基本url已经指定了我认为的路径，此外，您不应该在末尾添加.js。 （我看到了一些使用树枝过滤器| raw | escape'.js'的示例）