Eu criei uma diretiva em Angular. A diretiva 'compila' quando eu uso otemplate atributo. Não é compilado ao usartemplateURL.

O arquivo templateURL não 404 no console da página angular ou na guia de rede. É 200 como um URL do navegador.

o que estou perdendo?

'use strict';

angular.module('mean.profile').directive('inProfileSidebar', function() {
  return {
    restrict: 'A',
    scope: {
      data: '=',
      editable: '=',
    },
    template: '<div><h2>inProfileNarrow</h2><div>{{data}}</div><div>{{editable}}</div></div>',
//    templateURL: '/profile/views/inProfileSidebar.html',
  };
});

O URL do meu aplicativo é:http://localhost:3000/#!/profile/ Este URL é 200:http://localhost:3000/profile/views/inProfileSidebar.html

inProfileSidebar.html

<div>
  <h2>inProfileNarrow</h2>
  <div>{{data}}</div>
  <div>{{editable}}</div>
</div>

Usado neste HTML:

<div class="col-md-4">
  <div in-profile-sidebar data="data.profile" editable="data.profile.editable"></div>
</div>

Não vejo nenhum erro no console do navegador e não há solicitação para o templateURL no log de rede do navegador.

Funciona quando eu usotemplate, mas não comtemplateURL. Por quê?