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';

Я перепробовал все, включая переключение на и, umd, es2020. Он работал вчера.

Как мне скомпилировать код Typescript в браузер JavaScript код и узел NodeJS код.

Answer 1

В вашей конфигурации вы устанавливаете систему модулей на commonJS, которая использует require для импорта модуля.

Установите для системы module значение ES2015/ES6 в конфигурации машинописи.

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