Question

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

我读过这个条目，但我很确定我的所有文件都在同一个域中。 Why is requirejs trying to append a '.js' to .jst template files that are loaded with the !text plugin?

我的文件位于

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，这对我来说没有意义，因为它看起来像我的所有依赖项都在同一个域名。我不确定文本插件是如何认为存在跨域问题的。

主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());
            });
        }
    );

logged_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;
    });

logged_out.html

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

Answer 1

使用相对网址，您只需要

baseUrl: '/j/'

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

继续

jquery: lib/jquery

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

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

中找到了此问题

如果这是问题，让你的baseUrl相对将解决你的问题。

RequireJS文本插件将'.js'添加到文件名但在同一域上

1 个答案: