尝试调用打字稿文件中的函数时模块未定义错误

Question

示例代码：Index.ts 文件引用了 sample.ts

/// <reference path="sample.ts" />
var s: sample.Calculate = new sample.Calculate(5, 5); -- error thrown
s.alertme();

Sample.ts 文件：

    module sample {
     export class Calculate {
        constructor(public x: number, public y: number) {
            console.log(x + y);
        }

        alertme() {
            alert('ok');
        }
    }
}

在调用计算函数时出现以下错误：

PS：我使用的是 Visual Studio 2015。 HTML：

    @{
    ViewBag.Title = "Home Page";
}

<div class="jumbotron">
    <h1>MVC</h1>
    <p class="lead">ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS and JavaScript.</p>
    <p><a href="http://asp.net" class="btn btn-primary btn-lg">Learn more &raquo;</a></p>
</div>

<div class="row">
    <div class="col-md-4">

    </div>
</div>
@section scripts{    
    <script src="~/Scripts/typings/Index.js"></script>
}

Answer 1

您的Sample.js 文件似乎没有加载到浏览器中，因此没有加载sample 模块。

根据您的代码，您似乎希望使用脚本标签而不是使用模块系统来加载脚本，如果是这种情况，那么您需要做的就是：

@section scripts{
    <script src="~/Scripts/typings/Sample.js"></script>
    <script src="~/Scripts/typings/Index.js"></script>
}

您确实用requirejs 标记了这个问题，所以如果您确实打算使用它，那么您需要这样做：

// Sample.ts 
export module sample {
    ...
}

// Index.ts
/// <reference path="sample.ts" />
import sample = require('./Sample');
var s: sample.Calculate = new sample.Calculate(5, 5); // should be fine

您还需要将“amd”模块添加到您的compiler options。
您可以在the Modules section of the docs 阅读更多相关信息。