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)
と呼ぶ場合を除きます。インポート構文が壊れていますか?
は、私が思う ';' 'angular.module後にセミコロン( 'MyAppの'、[ 'メイン' ])' –
が不足していhttps://github.com/Microsoft/TypeScript/wiki /よくある質問#why-are-import-being-elided-in-my-emit –