Угловые проблемы

Так что я делаю неправильно? Я включил ng-include и пробовал все варианты, и он не включает файл (он продолжает возвращать 404 в консоли), расположение каталога выглядит следующим образом:

-App
--Layout
---Partials
----Navigation.tpl.html(File)
--Layout.tpl.html(File)

И ng-include находится в файле layout.tpl.html:

<div data-ng-include="'layout/partials/Navigation.tpl.html'"></div>

Обратите внимание, что я использую webpack для этого проекта (что не имеет значения). Я layout.tpl.html файл layout.tpl.html в качестве базового макета, а частичные - внутри файла layout.tpl.html. Кроме того, я использую vs с ng-приложением в DOM:

angular.element(document).ready(() => {
    angular.bootstrap(document, ["app"]);
});

Я работал с угловатыми в прошлом, и я в недоумении, когда такая простая задача занимает так много времени. Также обратите внимание, когда я использую

$templateCache.put('..','..')

и помещаем в html мини-строку из файла navigation.tpl.html с тем же каталогом, он работает просто отлично (но если я использую $templateCache.get() или require() из расположения шаблона, это не сработает), но строка HTML вытаскивается из кеша, и я хочу иметь возможность обновлять один файл, а не использовать мини-код.

Извините заранее, если я что-то пропустил, я спешу, чтобы это сделать, и это должно быть самое простое, что просто не работает.