Question

我有一个TypeScript文件，看起来像这样：

myTypescript.ts

import { MyFirstClass } from "./MyFirstClass"
import { AnotherClass } from "./AnotherClass"
import { MyThirdClass } from "./MyThirdClass"

var test = new MyFirstClass();
// some more code

MyFirstClass.ts

export class MyFirstClass {
  constructor() {}
}

myTypescript.ts编译为以下内容：

1 | "use strict";
2 | exports.__esModule = true;
3 | var MyFirstClass_1 = require("./MyFirstClass");
4 | // more classes included

以及包含主要（已编译）打字稿的HTML：

index.html

<html>
  <head></head>
  <body>
    <h1>Hello world</h1>
    <script src="MyTypescript.js"></script>
  </body>
</html>

但是转到localhost:8080会在控制台中显示：

Uncaught ReferenceError: exports is not defined at myTypescript.js:2

并注释掉第二行只会产生另一个错误：

Uncaught ReferenceError: require is not defined at myTypescript.js:3

也许我认为TypeScript可以简单地编译为JS的假设是错误的。我编写了六个自定义类，类似于Java中的类，希望它可以很好地编译成JS。

我的代码仍可在浏览器中使用吗？ 我已经尝试过StackOverflow上发布的一些解决方案，但是它们有点模糊，并且无法解决包含的自定义类。预先感谢！

我对tsconfig文件的工作方式有点陌生，所以我实际上没有文件。

将TypeScript包含在使用多个组件的网页中

0 个答案: