Modal using external template


I am trying to create a modal with an external html template. I get no errors, but also my html is not rendered in the modal. It pops open an empty white page if I use:

templateUrl: './pages/player/notesModal/notes-modal.component.html',

If I use this it works:

template: `
    <StackLayout class="notesModal">
    <Label text="Note"></Label>
    <Button text="Close" (tap)="closeModal($event)"></Button>


I have a similar problem, although I am receiving a runtime error in the console. If I use an inline template, everything is fine. However if I use a templateURL, I get a runtime error that Javascript is unable to resolve my .html file and the app refuses to launch. I’m wondering if it’s something to do with the dialog being outside of the router ecosystem.