アングル2は、アプリフォルダ以外のタイプスクリプトコンポーネントを翻訳しません。

Question

ToHをhttps://angular.io/docs/ts/latest/tutorial/toh-pt5.html で試してみましたが、うまくいきました。

次に、servicesという名前の新しいフォルダを作成しました。サービスフォルダはappフォルダと並行しています。そこで、サービスコンポーネントをサービスフォルダに移動しました。

次は私はJS transpiledファイルは、それが配列から欠落している '../services/hero' を探します。この

System.register(['angular2/core', 'angular2/router', '../services/hero.service'] 

を与えた

import { Component, OnInit } from 'angular2/core'; 
import { Router } from 'angular2/router'; 

import { Hero } from '../services/hero'; 
import { HeroService } from '../services/hero.service'; 

にインポートを変更しました。ブラウザはこのエラー "GET http://localhost:3000/services/hero.service 404（見つからなかった）"を返しました。 「GET /サービス/英雄」と「/services/hero.service」他の人がやるように、ファイルの拡張子が含まれていない上に示されているように

時計のコンソールログは、この

[1] [BS] File changed: services\hero.js 
[0] 2:04:14 AM - Compilation complete. Watching for file changes. 
[1] [BS] File changed: services\mock-heroes.js 
[1] [BS] File changed: services\hero.service.js 
[1] [BS] File changed: app\hero-detail.component.js 
[1] [BS] File changed: app\heroes.component.js 
[1] [BS] File changed: app\dashboard.component.js 
[1] [BS] File changed: app\app.component.js 
[1] [BS] File changed: app\app.component_1.js 
[1] [BS] File changed: app\main.js 
[1] 16.04.15 02:04:15 304 GET /index.html 
[1] 16.04.15 02:04:15 200 GET /index.html 
[1] 16.04.15 02:04:15 304 GET /public/css/styles.css 
[1] 16.04.15 02:04:18 200 GET /app/main.js 
[1] 16.04.15 02:04:18 304 GET /favicon.ico 
[1] 16.04.15 02:04:18 200 GET /app/app.component.js 
[1] 16.04.15 02:04:18 404 GET /services/hero.service 
[1] 16.04.15 02:04:18 200 GET /app/heroes.component.js 
[1] 16.04.15 02:04:18 200 GET /app/dashboard.component.js 
[1] 16.04.15 02:04:18 200 GET /app/hero-detail.component.js 
[1] 16.04.15 02:04:18 200 GET /app/main.js.map 
[1] 16.04.15 02:04:18 200 GET /app/app.component.js.map 
[1] 16.04.15 02:04:18 404 GET /services/hero.service 
[1] 16.04.15 02:04:18 304 GET /app/hero-detail.component.js 
[1] 16.04.15 02:04:18 200 GET /app/heroes.component.js.map 
[1] 16.04.15 02:04:18 200 GET /app/dashboard.component.js.map 
[1] 16.04.15 02:04:18 404 GET /services/hero 
[1] 16.04.15 02:04:18 200 GET /app/hero-detail.component.js.map 

を示しました。

この問題を解決するために調整する必要はありますか？

Answer 1

[OK]を、私はindex.htmlを編集し、次の

<script> 
     System.config({ 
      transpiler: 'typescript', 
      typescriptOptions: { emitDecoratorMetadata: true }, 
      packages: {'app': {defaultExtension: 'ts'}, 
       'services': {defaultExtension: 'ts'} 
      } 
     }); 
     System.import('app/boot') 
       .then(null, console.error.bind(console)); 
    </script> 

説明を行い、私は問題がここにあるものだと思う：以前にサービス・コンポーネントは、設定がデフォルトの拡張子を述べていたappフォルダの中にあったので、 。しかし、あなたがパラレルフォルダに移動してから、あなたがどこにいても '.ts'をタイプしないので、そのフォルダのデフォルトの拡張子が見当たりません。