AngularJS 1.7 - templateUrl displays url in view instead of the template

Question

Summary

I'm trying to convert my angularjs components/directives over to TypeScript. Unfortunately, the templateUrl property doesn't display the template that's passed to it. Instead, it literally displays a partial path the template.

Code

class JumpPagerController {
...
    }
}

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

Expected

Actual

What I've Tried

• Passing in the baseUrl (didn't have high hopes here:
  • templateUrl: `${baseUrl}/jump-pager.component.html`
  • templateUrl: localhost:8080/jump-pager.component.html
• template: require('...') works, but would require me to reconfigure webpack and then modify all other cases of templateUrl in .js files. This isn't an option
• I've reviewed similar questions but no one else seems to be having quite the same issue. They're all either using JavaScript instead of TypeScript, or they're only having an issue with the template not rendering and don't seem to be getting the weird problem with the template path being displayed.

Recap

So you can see that I'm at a loss. What is the correct way to use templateUrl on an angularjs component using typescript and webpack?