Module is not defined error while trying to call function in typescript file

Question

Sample code : Index.ts file which has reference of sample.ts

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

Sample.ts file :

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

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

Getting following error where i am calling calculate function :

PS: I am using 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

It seems that your Sample.js file isn't loaded to the browser and because of that the sample module isn't loaded.

Based on your code it seems that you want to load the scripts using script tags and not using a module system, if that's the case then all you need to do is:

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

You did tag the question with requirejs so if you do mean to use that then you'll need to do:

// 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

You'll also need to add the "amd" module to your compiler options.
And you can read more about it in the Modules section of the docs.