在渲染器中导入Typescript模块

Question

我试图在Electron的渲染器处理中导入Typescript类。

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

我对如何导入这些已导出的类感到茫然。

我做了一个要点试图解释https://gist.github.com/kvikende/0fb762e38fc0d1bfe1aebf786fd2ca59

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

我错过了什么？

Answer 1

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

tsc --module umd app.ts 

然后，您可以使用标准的进口：

import * as MyModule from './MyModule'; 

他们就与这两个CommonJS的和AMD模块加载器（例如，你可以用你的浏览器require.js）工作。