Creating class instance in the function of other class in typescript

Question

I want to debug my project and I find small problem with creating instance of class. I try to describe it on simple example.

//this is saved in file Engine.ts
module Car {
    export class Engine {
        name: string;

        constructor(name: string) {
            this.name = name;
         }

         getName(): string{
            return this.name;
        }
    }
}

This class describes simple engine with his name. Now I want to create Engine in some vehicle:

///<reference path="Engine.ts"/>
//this is saved in file app.ts
module Car {
    export class Vehicle {
        name: string;
        constructor(name: string) {
            this.name = name;
        }
        buildCar() : string {
            var engine = new Engine("Volkswagen 1.9TDI");
            return "Name of the vehicle is " + this.name + " and has engine " + engine.getName();
        }
    }
}

window.onload = () => {
    var car = new Car.Vehicle("Skoda Rapid");
    alert(car.buildCar);
}

The problem is with creating instance of class Engine. The browser console returns error that Car.Engine is not a constructor. How can I fix this problem? I have more difficult project and this describes only main principle of problem. In my project I must create instance of some class in function of other class.

That line is already inside the Car module, so it doesn't need to be qualified — Ryan Cavanaugh
– Ryan Cavanaugh, Commented Oct 22, 2013 at 19:07

Ryan Cavanaugh · Accepted Answer · 2013-10-22 18:58:12Z

7

It sounds like you've compiled to engine.js and app.js, but have not actually loaded engine.js through a script tag like you have for app.js.

answered Oct 22, 2013 at 18:58

Ryan Cavanaugh

223k59 gold badges280 silver badges235 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Baradwaj Aryasomayajula Over a year ago

I don't think that is the correct solution... We can't load many files in the HTMl file... I am using Systemjs to load the files.... And coming this error it is working just fine for me in ES5 but not in ES6....

Community · Accepted Answer · 2017-05-23 12:15:00Z

1

As well as sometimes being related to not including the script at runtime, as Ryan answered (definitely the case for this specific question), this can also be caused by the ordering of classes within a file.

Moving the class mentioned in the error to a position before it is used will solve the problem if this is the problem you have.

edited May 23, 2017 at 12:15

CommunityBot

11 silver badge

answered Jan 6, 2016 at 19:36

Fenton

253k74 gold badges404 silver badges414 bronze badges

Comments

basarat · Accepted Answer · 2013-10-22 21:03:17Z

0

Compile app.ts with the --out compiler flag. This will include the code for engine.ts in the generated file.

answered Oct 22, 2013 at 21:03

basarat

278k61 gold badges475 silver badges528 bronze badges

Collectives™ on Stack Overflow

Creating class instance in the function of other class in typescript

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related