Typescript 正在编译导入以使用 require 但浏览器抱怨

Question

我已设置：

<script src="./Snake.js" type="text/javascript"></script>

在我的 HTML 文件上。

我有 Snake.ts 我正在使用以下配置编译为 JS：

{target: "es6", module: "commonjs"}

但是 Typescript 将我的导入语句转换为使用 require 函数（仅适用于 NodeJS），因此浏览器抱怨

Uncaught ReferenceError: require is not defined.

我没有在代码中的任何地方使用 require，但 Typescript 会自动将我的导入语句转换为使用 require 函数而不是

import Game from './Game';

我什么都试过了，包括切换到and, umd, es2020。昨天还在用。

如何将 Typescript 代码编译为浏览器 JavaScript 代码和节点 NodeJS 代码。

Answer 1

在您的配置中，您将模块系统设置为 commonJS，它使用 require 导入模块。

在 typescript 配置中将 module 系统设置为 ES2015/ES6。

 {target: "ES6", module: "ES2015"}

Typescript is compiling import to use require but browser complains