Typescript初心者 - typescriptでsystem.jsモジュールローダーを使用する

Typescriptを学びたい&モジュールローダー（system.js）を使用したいが、解決できないようなエラーが表示されています。間違いなく私は何かを正しく構成していません。私は2つのファイルの1つは、私がインポートしようとしているモジュールです。変数&をインポートしようとしましたが、エラーは常に発生します。私が間違っているかもしれない場所について誰かが私に指針を与えることができれば、私はとても感謝しています。Typescript初心者 - typescriptでsystem.jsモジュールローダーを使用する

私はindex.htmlを& tsconfig.jsonファイル

index.htmlを

<html> 
<head> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.7/system.js"></script> 
    <script> 
    System.import('main').then(function(m) {console.log(m)}); 
    </script> 
</head> 
<body> 
</body> 
</html>

main.tsと一緒に2つのファイルを持っている

import {anotherName} from './test'; 

let name: string = "bob"; 

console.log(name); 
console.log(anotherName);

test.ts

export let anotherName: string = "Jeff";

main.js

System.register(["./test"], function (exports_1, context_1) { 
    "use strict"; 
    var __moduleName = context_1 && context_1.id; 
    var test_1, name; 
    return { 
     setters: [ 
      function (test_1_1) { 
       test_1 = test_1_1; 
      } 
     ], 
     execute: function() { 
      name = "bob"; 
      console.log(name); 
      console.log(test_1.anotherName); 
     } 
    }; 
});

tsconfig.json

{ 
    "compilerOptions": { 
     "target": "es5", 
     "module": "system", 
     "moduleResolution": "node", 
     "isolatedModules": false, 
     "jsx": "react", 
     "experimentalDecorators": true, 
     "emitDecoratorMetadata": true, 
     "declaration": false, 
     "noImplicitAny": false, 
     "noImplicitUseStrict": false, 
     "removeComments": true, 
     "noLib": false, 
     "preserveConstEnums": true, 
     "suppressImplicitAnyIndexErrors": true 
    }, 
    "exclude": [ 
     "node_modules", 
     "typings/browser", 
     "typings/browser.d.ts" 
    ], 
    "compileOnSave": true, 
    "buildOnSave": false, 
    "atom": { 
     "rewriteTsconfig": false 
    } 
}

出典

2017-02-13 sthubbins

あなたは「を追加するSystemJsを指示する必要があります。 js 'をモジュールnaにあなたはそれを与えています。

System.defaultJSExtensions = true;

出典

2017-02-13 22:22:38 toskv

これは、SystemJSで直接タイプスクリプトを翻訳していない場合にのみ当てはまります。あなたがパッケージ構成でない場合でも、 'defaultJSExtensions'を設定するのが好ましいでしょう。つまり、パッケージをセットアップして、パッケージレベルで '' ts "'または '' js "'という値を持つ 'defaultExtension'設定をSystemJSで継承しているかどうかに応じて使用する必要があります –

Typescript初心者 - typescriptでsystem.jsモジュールローダーを使用する

答えて

関連する問題