我是 TypeScript 的新手,我想为我的代码使用多个文件,使用TypeScript 版本 0.9.0 和 Visual Studio。我认为我编写了正确的代码,IntelliSense 似乎也是如此,但是当我实际运行它时它失败了,抛出了 JavaScript 未定义的异常。
我有两个 .ts 文件,分别是 app.ts 和 module.ts,这是我的短代码。
module.ts 在这里:
module Shapes {
export class Rectangle {
constructor(
public height: number,
public width: number) {
}
}
}
app.ts 在这里:
/// <reference path="app/classes/module.ts" />
var rect = new Shapes.Rectangle(10, 4);
IntelliSense 正确检测到什么是“Shapes”以及什么是“Shapes.Rectangle”,但是当我运行此代码时,错误提示“Shapes”未定义。
所以我在网上搜索了一些文章,包括this和this,我按照他们的提示进行操作,但我失败了。我不明白为什么...
这是我的 default.htm 代码。
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>TypeScript HTML App</title>
<link rel="stylesheet" href="app.css" type="text/css" />
<script src="app/classes/module.js"></script>
<script src="app.js"></script>
</head>
<body>
<h1>TypeScript HTML App</h1>
<div id="content"></div>
</body>
</html>
我想我正确地将 module.js 添加到 HTML 文件中。谁能帮我?