打字稿 - 未捕获的 ReferenceError：未定义导出答案

【问题标题】：Typescript - Uncaught ReferenceError: exports is not defined打字稿 - 未捕获的 ReferenceError：未定义导出
【发布时间】：2018-01-21 23:10:06
【问题描述】：

我在尝试在主 app.ts 中导入其他 ts 文件时收到此错误消息（未捕获的 ReferenceError：未定义导出）

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 is not defined)

【问题讨论】：

【解决方案1】：

当您在代码中使用export 而在tsconfig.json 中使用"module": "commonjs" 时，结果代码将采用commonjs 模块样式。

例如：

export class Foo{}

会结果是：

.
.
.
exports.Foo = Foo;

因此，当您尝试运行结果js 代码时，如果环境不支持commonjs，您将收到此错误。

例如，浏览器不支持commonjs，但nodejs 支持。您可以使用webpack 将commonjs 支持添加到浏览器，或者只需添加browserify

【讨论】：