dynamic requires don't find files in the browser

I'm trying to require a file dynamically.

<section data-view="views/root" id="root"></section>

I have a parse method which parses the DOM for data-view and requires that file.

function parse() {
  _.each($('[data-view]'), function(el) {
    var $el = $(el);
    require('./' + $el.data('view'));
  })
}

I then get the following error in the browser "Error: Cannot find module './views/root'". It works when I execute the code in node.js.

Provide feedback