2016-03-22 6 views
1

私はAngular 1.5.2アプリ(Typescriptで書かれています)をJSPM 0.17.0で読み込もうとしています。 「console.log(myImport)」を実行した場合、Typescriptのインポートが機能するのはなぜですか?

この

は私のHTMLです:↓

import $ from 'jquery' 
import angular from 'angular' 
import main from './components/main/main.ts'; 

module app { 

    angular.module('MyApp', [ 
     'main' 
    ]) 

} 

// which gives me "[$injector:nomod] Module 'main' is not available!" 

これは動作しません、が、これは動作しません私の./app.tsについて

<!DOCTYPE html> 
<html ng-app="MyApp"> 
    <head> 
    <meta charset="utf-8"> 
    <title>My App</title> 
    <meta name="description" content=""> 
    <meta name="viewport" content="width=device-width"> 

    <link rel="stylesheet" href="index.css"> 

    <script src="jspm_packages/system.js"></script> 
    <script src="jspm.browser.js"></script> 
    <script src="jspm.config.js"></script> 
    </head> 
    <body> 
    <main first-name="huh" last-name="what"></main> 
    <script> 
     SystemJS.import('app.ts'); 
    </script> 
    </body> 
</html> 

import $ from 'jquery' 
import angular from 'angular' 
import main from './components/main/main.ts'; 

module app { 

    angular.module('MyApp', [ 
     'main' 
    ]) 

    console.log(main); 

} 

// Now it works fine, no error. 

なぜこれは失敗しますか?モジュール宣言の中で私がインポートしたモジュールを明示的にconsole.log(main)と呼ぶ場合を除きます。インポート構文が壊れていますか?

+0

は、私が思う ';' 'angular.module後にセミコロン( 'MyAppの'、[ 'メイン' ])' –

+3

が不足していhttps://github.com/Microsoft/TypeScript/wiki /よくある質問#why-are-import-being-elided-in-my-emit –

答えて

関連する問題