TypeError no capturado: System.import no es una función

Question

Jul 16, 2015, 09:26 PM

TypeError no capturado: System.import no es una función

Se supone que este código muestra undiv que contiene Hello World, pero en su lugar recibo el errorUncaught TypeError: System.import is not a function. Estoy siguiendo el video tutorial de inicio para ng-book2, que contiene el siguiente código enindex.html:

<!DOCTYPE html>
<html>
<head>
  <title>Angular 2</title>

  <script src="js/traceur-runtime-0.0.90.js"></script>
  <script src="js/system-0.18.4.js"></script>
  <script src="js/angular2-alpha31.js"></script>
</head>
<body>
  <script>System.import('js/app');</script>
  <hello-world></hello-world>
</body>
</html>

yapp.ts:

/// <reference path="../lib/node_modules/angular2/angular2.d.ts" />

import {
  Component,
  View,
  bootstrap
} from 'angular2/angular2';

// Annotation section
@Component({
  selector: 'hello-world'
})
@View({
  template: '<div>Hello World</div>'
})
// Component controller
class HelloWorld {

}

bootstrap(HelloWorld);

y finalmente la estructura actual del directorio:

/ng2
  /js
    angular2-alpha31.js
    app.js
    app.js.map
    system-0.18.4.js
    system-0.18.4.js.map
    traceur-runtime-0.0.90.js
  index.html

Buscando soluciones, elúnico problema que parece lo suficientemente similar afirma que hay un problema con el sistemaconfig.js. Excepto en este tutorial, el video muestra que funciona sin ningún indicio de configuración. Debo mencionar que esto se aloja en un servidor remoto en comparación con el servidor HTTP local utilizado en el video.

Capturas de pantalla de la ventana del desarrollador:

Cada archivo que se muestra en la estructura de directorios anterior es el más reciente disponible en GitHub al momento de escribir esto. ¿Hay un archivo de configuración predeterminado que debería incluir si estoy usando un servidor remoto o me falta algo completamente diferente?