angular: Using module.id with component makes it not load

I am trying the ‘hero’ example on angular.io and using JSPM to load my scripts (non-bundled). To get relative urls for my templates, i tried the method in #2383 and added moduleId: module.id to my component.

import {Component} from 'angular2/core';
import {Hero} from "./hero";

@Component({
    selector: 'my-hero-detail',
    inputs: ['hero'],
    moduleId: module.id,
    templateUrl:'heroes.html'
})

However, doing so and then running the app, makes the html stuck at ‘Loading…’ with no errors in the console.

Screenshot: