Angular JS 2はmain.jsを作成しません

Question

Angular JS2 TypScriptのチュートリアルに沿って、自分の設定に正確なパスを正確に追加しました。ブラウザでテストすると、main.jsファイルが見つかりません。私はnpmを開始した後にテストを試みました。 npmが起動すると、「開始：不明なジョブ：npm。」と表示され、メインインデックスファイルを実行するブラウザがロードされ、XHRエラー（404 Not Found）がロードされます。http://127.0.0.1/assets/scripts/app/main.js（...）

ここは私のsystemjs.configです.js私が間違って持っているものに

(function (global) { 
    System.config({ 
    paths: { 
     // paths serve as alias 
     'npm:': 'node_modules/' 
    }, 
    // map tells the System loader where to look for things 
    map: { 
     // our app is within the app folder 
     app: '', 
     // angular bundles 
     '@angular/core': 'npm:assets/angular/node_modules/@angular/core/bundles/core.umd.js', 
     '@angular/common': 'npm:assets/angular/node_modules/@angular/common/bundles/common.umd.js', 
     '@angular/compiler': 'npm:assets/angular/node_modules/@angular/compiler/bundles/compiler.umd.js', 
     '@angular/platform-browser': 'npm:assets/angular/node_modules/@angular/platform-browser/bundles/platform-browser.umd.js', 
     '@angular/platform-browser-dynamic': 'npm:assets/angular/node_modules/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js', 
     '@angular/http': 'npm:assets/angular/node_modules/@angular/http/bundles/http.umd.js', 
     '@angular/router': 'npm:assets/angular/node_modules/@angular/router/bundles/router.umd.js', 
     '@angular/forms': 'npm:assets/angular/node_modules/@angular/forms/bundles/forms.umd.js', 
     // other libraries 
     'rxjs':      'npm:assets/angular/node_modules/rxjs', 
     'angular2-in-memory-web-api': 'npm:assets/angular/node_modules/angular2-in-memory-web-api', 
    }, 
    // packages tells the System loader how to load when no filename and/or no extension 
    packages: { 
     app: { 
     main: 'assets/scripts/app/main.js', 
     defaultExtension: 'js' 
     }, 
     rxjs: { 
     defaultExtension: 'js' 
     }, 
     'angular2-in-memory-web-api': { 
     main: 'assets/scriopts/app/index.js', 
     defaultExtension: 'js' 
     } 
    } 
    }); 
})(this); 

任意のアイデアを提出？それは私がtypscriptをインストールしましたがmain.jsを生成していないtypscriptように思えるし、それがエラーなしですべての角度のものだけでなく、うまく働いた。

を

アプリケーションは、既存のWebサイトの内部でネストされたアプリケーションとして実行されるように構築されています。したがって、奇妙なファイル構造の推論はスクリプトの下でappファイルをcludingします。アプリケーションは、サイトのheader_viewに呼び出されます。

ここで要求されたようにライブラリをロードするためのスクリプトが含まれているヘッダファイルです：

<!-- 1. Load libraries --> 
     <!-- Polyfill(s) for older browsers --> 
     <script src="<?=base_url();?>assets/angular/node_modules/core-js/client/shim.min.js"></script> 
     <script src="<?=base_url();?>assets/angular/node_modules/zone.js/dist/zone.js"></script> 
     <script src="<?=base_url();?>assets/angular/node_modules/reflect-metadata/Reflect.js"></script> 
     <script src="<?=base_url();?>assets/angular/node_modules/systemjs/dist/system.src.js"></script> 
     <!-- 2. Configure SystemJS --> 
     <script src="<?=base_url();?>assets/angular/systemjs.config.js"></script> 
     <script> 
      System.import('app').catch(function(err){ console.error(err); }); 
     </script> 

このアプリは、私はちょうどプロバイダが続いて内部header_view

あるので、何Codeingiterアプリケーションに追加されています私が持っている本体は

<my-app>Loading...</my-app> 

だから、 "これが助けてくれれば嬉しい！" （ビューにより作成された）

のindex.php

• node_modules
  • 角度
    • 資産フォルダ
    • タイピング
    • package.json（すべてのコアの角用のファイルが含まれています）
    • システムjs.config.js
    • tsconfig.json
    • typings.json
  • スクリプト
    • アプリ
      • app.component.ts
      • app.main.ts
      • app.module.ts

また、私はちょうどこのポイントを取得するには、以下のこのチュートリアルを以下ました。 https://angular.io/docs/ts/latest/quickstart.html#!#prereq

更新日 ここは私のapp.mainです。tsファイル

import { platformBrowserDynamic } from 'assets/scripts/node_modules/@angular/platform-browser-dynamic'; 
import { AppModule } from ''app.module'; 
const platform = platformBrowserDynamic(); 
platform.bootstrapModule(AppModule); 

ありがとうございます！

Answer 1

問題はもともと

• アプリ
  • app.component.ts
  • app.module.ts
  • main.tsのように見えたファイル構造（およびいくつかのタイプミスを）変更されました
• node_modules ...
• タイピング...
• index.htmlを
• package.json
• Styles.cssを
• systemjs.config.js
• tsconfig.json

typings.jsonあなたはすべての角度のあるプロジェクトファイルをscriptsディレクトリに移動する必要があります。 PHPを使用している場合は、を実行する必要はありません3210 npm startの代わりにnpm run tsc:wを実行して、typescriptでファイルを監視し、何かが変更されたときにコンパイルします。