typescriptを使用して、Import exportしたいです。

Question

app.ts

import { Entry } from './index';

console.log((new Entry()).name());

index.ts

export class Entry {
    public name(): string {
        return 'my entry';
    }
}

コードは上記になります。
自分はVScodeを普段使用していますので、設定ファイルは以下になります。

tsconfig.json

{
  "compilerOptions": {
    "target": "ES2017",
    "module": "commonjs", 
    "strict": true, 
    "moduleResolution": "node",
    "esModuleInterop": true
  }
}

.vscode/task.json

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "2.0.0",
    "tasks": [
        {
            "type": "typescript",
            "tsconfig": "tsconfig.json",
            "option": "watch",
            "problemMatcher": [
                "$tsc-watch"
            ],
            "group": {
                "kind": "test",
                "isDefault": true
            }
        }
    ]
}

errorの内容は
Uncaught ReferenceError: exports is not defined　こちらになります。

どなたか、ご教授いただける方いらっしゃいますでしょうか？
宜しくお願い致します。

Answer 1

エラーメッセージで検索したら参考になりそうなスレッドがありました。

Typescript ReferenceError: exports is not defined

簡単に言うと tsconfig.json ファイルから 「"module":"commonjs",」の行を削除すると動くかも、という内容です。
commonjsがインストールされていない（commonjsを使っていない）のにこれを参照しているためにエラーが出ている、という分析のようでした。

ご参考になれば。

Comments

[masaru_free]

ありがとうございます。参考にさせていただきます。

Answer 2

typescriptのエラーではなく、
javascriptに変換したあと、Webブラウザで開いたら「Uncaught ReferenceError: exports is not defined」というエラーが出たんですかね？
変換したjavascriptをhtmlに利用するには、webpackやらgulpやらを使わないとimport exportの解決ができません。

Comments

[masaru_free]

ありがとうございます。
webpackを使用して、試してみます。