AngularJS 1.7-templateUrl在视图中显示网址，而不是模板

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('...')可以工作，但是需要我重新配置webpack，然后修改templateUrl文件中.js的所有其他情况。这不是一个选择
• 我已经审查了类似的问题，但似乎没有人遇到完全相同的问题。他们要么都使用JavaScript而不是TypeScript，要么只是模板无法渲染而出现问题，并且似乎在显示模板路径时也没有遇到奇怪的问题。

回顾

所以您可以看到我很茫然。 使用打字稿和Webpack在angularjs组件上使用templateUrl的正确方法是什么？