未知のReferenceError：Typescriptによって生成されたフィールドにエクスポートが定義されていません

Question

電子開発用のTypescriptを使い始めようとしています。ノードとjqueryの入力を得た後、最終的に私の.tsファイルにエラーが発生しました。

index.js:2 Uncaught ReferenceError: exports is not defined 

これらはindex.jsの最初の2行です：

"use strict"; 
Object.defineProperty(exports, "__esModule", { value: true }); 

私にはわからない

問題は、私は私のアプリを実行したとき、私はこのエラーを取得することになりましたその行はそうです。 Typescriptはコンパイル時にそれを追加しました。それを削除すると、私のアプリは正常に動作します。

このエラーを取り除くにはどうすればよいですか？

ああ、ここに私のtsconfigがあります。

{ 
    "compilerOptions": { 
     "target": "es6", 
     "module": "commonjs", 
     "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 
    } 
} 

Answer 1

typescript 2.2.1の新しいバージョンに問題があります。以前のバージョン2.1.6を使用してみてください。これは、私と同じ問題を解決しました。

バージョン2.2.1のコンパイル時にこの行が追加されます。Object.defineProperty(exports, "__esModule", { value: true });古い2.1.6ではありません。

Answer 2

クイックフィックス

あなたtsconfig.jsonで"target": "es5"に変更"target": "es6"。

Answer 3

私は埋め込むHTMLでハックとそれを解決：

<script> var exports = {}; </script> 
<script src="index.js"></script> 

は基本的にグローバル輸出変数、それが何を望んでいるか、それを与えます。

これで、私のTypeScript（2.3.2）生成ファイル（es6）がロードされます。

Answer 4

Typescriptコンパイラで生成されたjsファイルで同じ問題が発生しました。同じライン：

Object.defineProperty(exports, "__esModule", { value: true }); 

と同じエラー：

game.js:2 Uncaught ReferenceError: exports is not defined 

私はこのファイルにゲームのクラスを定義しました。私は私のgame.tsファイルの末尾にこれを追加することで問題を解決：これにより

export = Game; 

、活字体のコンパイラは置き換え：

Object.defineProperty(exports, "__esModule", { value: true }); 

で：

これ以上の

module.exports = Game; 

この後私のためのエラー。

Answer 5

同じ問題が発生しましたが、私はsystemjs.configを変更しました。JS

下に述べたようにファイル 'NPM：'： '/ node_modules /' - // その値は、単に 'node_modules /' だったと私は初め

に '/' を追加しました「アプリ」：「/ SRC /アプリ」 - // その値は単に「アプリ」だったと私のアプリのフォルダパスが異なっていたとして、それに応じ

ローダーそれを変更されます。「/ SRC/systemjs- angle-loader.js ' - // その値はちょうど 'systemjs-angular-loader.js'であり、私のプロジェクトでその場所が違って正しいパスを指していたので