AngularJS 1.7 - templateUrl отображает URL вместо шаблона

Question

Резюме

Я пытаюсь преобразовать мои компоненты / директивы angularjs в TypeScript. К сожалению, свойство templateUrl не отображает переданный ему шаблон. Вместо этого он буквально отображает частичный путь к шаблону.

код

class JumpPagerController {
...
    }
}

JumpPagerController.$inject = ['$timeout'];
export const jumpPagerComponent = {
    templateUrl: './jump-pager.component.html',
    controller: JumpPagerController,
    bindings: {
        pagerPlaceholder: '@?',
        pagerCurrentPage: '=',
        pagerItemsPerPage: '=',
        pagerTotalItems: '=',
        pagerChange: '&'
    }
};

Ожидаемое

Фактический

Что я пробовал

• Передача в baseUrl (здесь не было больших надежд:
  • templateUrl: `${baseUrl}/jump-pager.component.html`
  • templateUrl: localhost:8080/jump-pager.component.html
• template: require('...') работает, но мне потребуется перенастроить веб-пакет, а затем изменить все остальные случаи templateUrl в .js файлах. Это не вариант
• Я рассмотрел похожие вопросы, но, похоже, ни у кого больше нет такой же проблемы. Все они либо используют JavaScript вместо TypeScript, либо имеют проблему только с тем, что шаблон не отображается, и, кажется, не получают странную проблему с отображаемым путем шаблона.

Резюме

Так что вы можете видеть, что я в растерянности. Как правильно использовать templateUrl для компонента angularjs с использованием машинописи и веб-пакета?