打字稿 - 未捕獲的ReferenceError：未定義導出

Question

我在嘗試導入主app.ts中的其他ts文件時收到此錯誤消息（ Uncaught ReferenceError：exports未定義 ）

app.ts

import { LanguagesConfigs } from './LanguagesConfigs';
let languagesConfigs = new LanguagesConfigs();

LanguagesConfigs.ts

export class LanguagesConfigs {
 code
}

tsconfig.json

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "sourceMap": true
    }
}

我在visual studio代碼中編譯它。 它生成.js和.js.map文件

注意：我沒有使用像angular這樣的幀，只是普通的打字稿。 注2：CommonJS安裝在項目中（ Typescript ReferenceError：exports未定義 ）

Answer 1

在tsconfig.json使用export時，你有"module": "commonjs" ，結果代碼假設是commonjs模塊樣式。

例如：

export class Foo{}

結果是：

.
.
.
exports.Foo = Foo;

因此，當您嘗試運行結果js代碼時，如果環境不支持commonjs您將收到此錯誤。

例如，瀏覽器不支持commonjs但nodejs支持commonjs 。 您可以添加commonjs通過瀏覽器支持的WebPack或只加browserify