Eu gerei um projeto de texto datilografado usando angular2 CLI (ember cli). Estou usando as ferramentas do Chromium Web Developer para depurar. Eu tenho "ativar mapas de origem javascript" selecionados nas configurações das Ferramentas do desenvolvedor. Vejo arquivos .js e .ts listados na exibição de fontes. No entanto, os arquivos .ts (datilografados) são mostrados vazios quando os seleciono, ou seja, como se não pudesse encontrá-los.

Serigrafia mostrando a situação:

I pode veja o texto dos arquivos .js se eu os selecionar.

Os arquivos .ts sãonão copiado para o diretório dist, e isso parece um problema para mim, mas eu já viexemplos em outros lugares mostrando estruturas típicas angular2 cli dist e elas também não possuem arquivos .ts.

Parte relevante do meu "tsconfig.json" mostrando que tenho o mapeamento de origem ativado:

 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   },                          

arquivos js.mapestão produzido e residir nodist diretório próximo aos arquivos .js.

Exemplo de arquivo de mapeamento (parte):

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

Eu tentei:
1) copiando os arquivos .ts de src para dist.
2) várias tentativas de editar o arquivo app.js.map manualmente, por exemplosourceRoot efontes.

Não está claro o que "/" está se referindo no arquivo js.map: o diretório src do projeto ou o diretório dist? Se eu editar um arquivo .js.map, preciso atualizar meu navegador para buscá-lo?

Acho que o problema básico é procurar os arquivos ts no diretório src, e isso está fora do alcance do navegador (já que está localizado em "../src").

O Chromium mostra o caminho para o arquivo ts como "http: // localhost: 4202 / app / cpp-scenes.ts". Mas quando eu coloco o arquivo .ts lá, não há dados.

Não sei se este é um problema de mapeamento js, um problema do Angular 2, um problema da CLI do Angular2 ou um problema de texto datilografado.

É uma dor real quando o console diz "erro na linha 52 em blah.ts", mas não posso pular lá e colocar um ponto de interrupção etc.

Alguém mais teve sorte em fazer o mapeamento de origem funcionar em um projeto de CLI do Angular2?