Angular2, systemjs, typescript => error loading typescript

I've been trying to follow these notes, but with the very latest libraries (Ang alpha 44, typescript 1.6.2). I'm ending up with this error

If I click on the link I seem to end up at livescript's (which I using to serve) directory listing rather than of the appropriate javascript file. This is my config.js file

System.config({
  baseURL: "/",
  transpiler: "typescript",
  typescriptOptions: {
    "compilerOptions": {
      "target": "ES6",
      "module": "system"
    },
    "emitDecoratorMetadata": true
  },
  paths: {
    "npm:*": "jspm_packages/npm/*",
    "github:*": "jspm_packages/github/*"
  },
  //this configures our app paths
  "packages": {
    "app": {
      "main": "main",
      "defaultExtension": "ts" //or "ts" for typescript
    }
  },
  meta: {
    "angular2/angular2": {
      "deps": ["reflect-metadata", "zone.js", "es6-shim", "@reactivex/rxjs"]
    }
  },
  map: {
    "app": "src",
    "@reactivex/rxjs": "npm:@reactivex/[email protected]",
    ...

I have index.html in root directory and a src/main.ts file. The former loads with this

System.import('app.ts!typescript')
.then(function(m) {
  console.log(m);
})
.catch(function(err) {
  console.log(err)
 });