はここsystemjs

Question

と角度2に（見つかりません）404をapp.module.ts index.htmlをへの私の輸入です：

<script src="https://unpkg.com/core-js/client/shim.min.js"></script> 

    <script src="https://unpkg.com/zone.js@0.7.4?main=browser"></script> 
    <script src="https://unpkg.com/systemjs@0.19.39/dist/system.src.js"></script> 
    <script src="https://cdn.rawgit.com/angular/angular.io/b3c65a9/public/docs/_examples/_boilerplate/systemjs.config.web.js"></script> 
    <script> 
     System.import('main.js').catch(function(err){ console.error(err); }); 
    </script> 

私はエラーを取得しています：アプリ/ app.module.ts 404これは私のフォルダstractureある

（見つかりません）：

- app 
    - app.module.ts 
    - app.compontent.ts 
- main.ts 

everytingは（このような）同じフォルダの下にあるときに奇妙なことがある：

- angular2 
    - app 
    - app.module.ts 
    - app.compontent.ts 
    - main.ts 

現在はすべて動作しています。何故ですか？

main.tsファイル：

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import { AppModule }    from './app/app.module'; 

platformBrowserDynamic().bootstrapModule(AppModule); 

のTSconfig：

{ 
    "compilerOptions": { 
    "baseUrl": "", 
    "declaration": false, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "lib": ["es6", "dom"], 
    "mapRoot": "./", 
    "module": "commonjs", 
    "moduleResolution": "node", 
    "outDir": "../dist/out-tsc", 
    "sourceMap": true, 

    "inlineSources": true, 

    "target": "es5", 
    "typeRoots": [ 
     "../node_modules/@types" 
    ] 

    } 
} 

Answer 1

私が./プロジェクトのルートディレクトリで開始しているので、それがあると信じています。 Angle2フォルダを削除するとルートが変更され、main.tsインポートでアプリケーションディレクトリが見つかりません

Answer 2

.tsファイルをインポートするには、パッケージ設定でデフォルトの拡張子を設定する必要があります。

SystemJS.config({ 
    packages: { 
    "app": { 
     "defaultExtension": "ts" 
    } 
    } 
}); 

しかし、あなたの例では、あなたが

• app
  • app.module.ts
  • app.compontent.ts
• main.ts