在渲染器中导入 Typescript 模块答案

【问题标题】：Importing Typescript modules in renderer在渲染器中导入 Typescript 模块
【发布时间】：2018-03-25 13:41:36
【问题描述】：

我正在尝试在 Electron 的渲染器进程中导入 Typescript 类。

我遇到的问题是我不能在渲染器进程中使用“import”关键字。这是因为我不能在客户端使用 commonJS 作为模块导入器，只能在服务器端使用。

我不知道如何导入已导出的这些类。

Tldr：import 关键字失败，出现“未捕获的 ReferenceError：未定义导出”。使用 const dataset = require("./dataset"); 实际上并没有导入我导出的类。

我错过了什么？

【问题讨论】：

【解决方案1】：

当我编写一个将在客户端和服务器上使用的模块时，我使用模块标志将模块编译为 UMD 格式：

tsc --module umd app.ts

然后您可以使用标准导入：

import * as MyModule from './MyModule';

它们可以与 commonjs 和 AMD 模块加载器一起使用（例如，您可以在浏览器中使用 require.js）。

【讨论】：