打字稿 - 未捕获的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