I am learning backbone js, trying to make a small project.

In the of te page, I load require.js and text.js from the cloudflare CDN

<script type=text/javascript src=//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.8/require.min.js>//</script>



<script type=text/javascript src=//cdnjs.cloudflare.com/ajax/libs/require-text/2.0.10/text.js>//</script>

I have made a backbone view called Boxes:

var Boxes = Backbone.View.extend({



        // Choose an element.

        el : '.content',



        render : function () {



            // Captur this -> the backbone view itself.

            var that = this;



            $(this.el).html('how do I load a html template here?');



        }

    });

Problems:

1. When I add the text.js plugin to the page, I get the following error:

   
   
   

   Mismatched anonymous define() module: function (module) { 'use strict'; ......

So I can't have the require.js and the text.js both loaded, it gives me the above error even on a blank page without any other scripts on it.

1. After I make the require js work with text js, how do I load an html template for that view?

Right now I know how to do it when I write my templates inline, in the index.html page.

I do it like this:

var Boxes = Backbone.View.extend({



    el : '.content',



    render : function () {



        var that = this; // This backbone view



        var template = _.template($('#user-list-template').html(), {});



        that.$el.html(template);

    }

});

Thank you!