4

我使用文本插件优化了 RequireJS 设置。我似乎遇到了添加到我的模块中的“.js”文件名。我正在 Firefox 17 中查看这个。

我读了这篇文章，但我很确定我所有的文件都在同一个域上。 为什么 requirejs 试图将 '.js' 附加到使用 !text 插件加载的 .jst 模板文件？

我的文件位于

  • dev-img4.x.com/m/j/mains/main-article.js
  • dev-img4.x.com/m/j/views/logged_out.js
  • dev-img4.x.com/m/j/views/templates/logged_out.html

文本插件尝试查找 dev-img4.x.com/m/j/views/templates/logged_out.html.js，这对我来说没有意义，因为看起来我所有的依赖项都在同一个域上. 我不确定文本插件如何认为存在跨域问题。

main-article.js

    require.config({
        baseUrl: 'dev.x.com/m/j',
        paths: {
            'jquery': 'dev.x.com/m/j/lib/jquery',
            'backbone': 'dev.x.com/m/j/lib/backbone',
            'underscore': 'dev.x.com/m/j/lib/underscore',
            'text': 'dev.x.com/m/j/lib/text'
        },
        shim: {
            'underscore': {
                exports: '_'
            },
            'backbone': {
                deps: ['jquery', 'underscore'],
                exports: 'Backbone'
            }
        },
        urlArgs: 'buildlife=1',
        waitSeconds: 15
    });

    require(['jquery', 'modules/site', 'underscore', 'backbone', 'views/logged_out'], function($, site, _, Backbone, loggedOutView) {
            //This function will be called when all the dependencies
            //listed above are loaded. Note that this function could
            //be called before the page is loaded.
            //This callback is optional.

            var loggedOutBar = new loggedOutView();

            /* Initialize code */
            $(document).ready(function() {
                /* sitewide code */
                site.init();

                $('.rslogo').after(loggedOutBar.render());
            });
        }
    );

登录的_out.js

    define(['module', 'jquery', 'underscore', 'backbone', 'text!views/templates/logged_out.html'], function(module, $, _, Backbone, loggedOutTemplate) {
        /* Create a view of the logged out bar */

        var loggedOutView = Backbone.View.extend({
            className: 'loginbar',
            initialize: function() {

            },
            template: _.template(loggedOutTemplate),
            render: function() {

                this.$el.html(this.template);

                return this; /* Allow method chaining after render */
            }
        });

        return loggedOutView;
    });

登出.html

 <a href="#" class="signin">Sign In</a> | <a href="#" class="signup">Sign Up</a>
4

1 回答 1

4

使用相对网址，您所需要的只是

baseUrl: '/j/'

然后对于配置中的每个 js 文件，您只需要从 baseUrl 恢复

jquery: lib/jquery

如果您在 dev.x 的子域上使用 require，这将防止您可能遇到的任何跨域问题

此外，如果您正在访问 www.dev.x（dev.x 的子域），这可能会导致附加“.js”的问题。用户“liorix”在上一篇文章中发现了此问题：https ://stackoverflow.com/a/10618426/404097

如果这是问题，使您的 baseUrl 相对将解决您的问题。

于 2013-02-23T00:38:17.367 回答