He generado un proyecto mecanografiado usando angular2 CLI (ember cli). Estoy usando las herramientas de Chromium Web Developer para depurar. Tengo "habilitar los mapas fuente de javascript" seleccionado en la configuración de Herramientas para desarrolladores. Veo archivos .js y .ts listados en la vista de fuentes. Sin embargo, los archivos .ts (mecanografiados) se muestran vacíos cuando los selecciono, es decir, no puedo encontrarlos.

Serigrafía que muestra la situación:

I puede ver el texto de los archivos .js si los selecciono.

Los archivos .ts sonno copiado en el directorio dist, y esto me parece un problema, pero he vistoejemplos en otros lugares mostrando estructuras angulares cl2 dist típicas y tampoco tienen archivos .ts.

Porción relevante de mi "tsconfig.json" que muestra que tengo habilitada la asignación de fuente:

 1   "compileOnSave": false,                                                                            
  2   "compilerOptions": {                                                                               
  3     "declaration": false,                                                                            
  4     "emitDecoratorMetadata": true,                                                                   
  5     "experimentalDecorators": true,                                                                  
  6     "mapRoot": "",                                                                                   
  7     "module": "system",                                                                              
  8     "moduleResolution": "node",                                                                      
  9     "noEmitOnError": true,                                                                           
 10     "noImplicitAny": false,                                                                          
 11     "outDir": "../dist/",                                                                            
 12     "rootDir": ".",                                                                                  
 13     "sourceMap": true,                                                                               
 14     "sourceRoot": "/",                                                                               
 15     "target": "es5"                                                                                  
 16   },                          

archivos js.mapson producido y residir en eldist directorio al lado de los archivos .js.

Ejemplo de archivo de mapeo (porción):

{"version":3,"file":"app.js","sourceRoot":"/","sources":["app.ts"],"names":[],"mappings":";;;;;;;;;;;;;YAGA,mB

He intentado:
1) copiar los archivos .ts de src a dist.
2) varios intentos de editar el archivo app.js.map manualmente, por ejemplosourceRoot yfuentes.

No está muy claro a qué se refiere "/" en el archivo js.map: ¿el directorio src del proyecto o el directorio dist? Si edito un archivo .js.map, ¿debo actualizar mi navegador para recuperarlo?

Creo que el problema básico es que está buscando los archivos ts en el directorio src, y esto está fuera del alcance del navegador (ya que está ubicado en "../src").

Chromium muestra la ruta del archivo ts como "http: // localhost: 4202 / app / cpp-scenes.ts". Pero cuando puse el archivo .ts allí, no hay dados.

No sé si se trata de un problema de mapeo js, un problema de Angular 2, un problema de Angular2 CLI o un problema de mecanografía.

Es un verdadero dolor cuando la consola dice "error en la línea 52 en blah.ts", pero no puedo saltar allí y poner un punto de interrupción, etc.

¿Alguien más ha tenido suerte de que el mapeo de origen funcione en un proyecto CLI de Angular2?