Error with Inheritance and TypeScript: X is not a constructor function type

Question

I have this super class that I want two other classes to inherit from. The classes are listed below. When I compile, the two classes trying to inherit complain about the superclass (the give the same error): "[class file path (in this case A)] is not a constructor function type"

A.ts

export class A
{
    //private fields...

    constructor(username: string, password: string, firstName: string,
        lastName: string, accountType: string) 
    {
        // initialisation
    }
}

B.ts

import A = require('./A);
export class B extends A
{
    constructor(username: string, password: string, firstName: string,
        lastName: string, accountType: string) 
    {
        super(username, password, firstName, lastName, accountType);
    }
}

C.ts

import A = require('./A );
export class C extends A
{
    constructor(username: string, password: string, firstName: string,
        lastName: string, accountType: string) 
    {
        super(username, password, firstName, lastName, accountType);
    }
}

This is pretty simple, and yet Class C and B cannot compile. All the examples I have seen online do not have any other syntax for writing these classes/ constructor. I am trying to follow convention, but can't seem to get it to work.

Is the documentation for the super() constructor call wrong as well? (in my subclasses). I followed the same procedure, but its also stating that my supplied parameters are wrong. — maria
– maria, Commented Feb 6, 2016 at 17:46
error TS2346: Supplied parameters do not match any signature of call target. — maria
– maria, Commented Feb 6, 2016 at 17:50
@maria: You must have edited your files, because the ones above work for me. Probably just a small typo somewhere. — T.J. Crowder
– T.J. Crowder, Commented Feb 6, 2016 at 17:51

Vadim Macagon · Accepted Answer · 2016-02-06 18:28:29Z

27

Replace

import A = require('./A');

with

import { A } from './A';

or

import moduleA = require('./A');

export class B extends moduleA.A {
  // ...
}

edited Feb 6, 2016 at 18:28

answered Feb 6, 2016 at 17:36

Vadim Macagon

14.9k2 gold badges55 silver badges45 bronze badges

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

4 Comments

T.J. Crowder Over a year ago

Where is import...from documented? I don't see it anywhere in typescriptlang.org/Handbook#modules.

Vadim Macagon Over a year ago

The handbook hasn't been updated in quite a while, I don't think it's wrong as such, but there are newer and better ways of doing some things that aren't mentioned in there. I suggest reading github.com/Microsoft/TypeScript/wiki/Breaking-Changes and github.com/Microsoft/TypeScript/wiki/… once you've familiarized yourself with the contents of the handbook.

maria Over a year ago

@VadimMacagon Will do. Thank you!

Vadim Macagon Over a year ago

I've updated my answer to show how the import style used in the handbook would be used.

Collectives™ on Stack Overflow

Error with Inheritance and TypeScript: X is not a constructor function type

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related