Typescript import interface with same name as class

Question

Below works:

interface Foo {
  num: number;
}

class Foo {
}

Below doesn't work, error

Import declaration conflicts with local declaration of 'Foo'

import { Foo } from "./someModule";
class Foo {
}

Is this intended behaviour? If I am able to create an interface and class with the same name in one module, why not be able to import?

Titian Cernicova-Dragomir · Accepted Answer · 2019-02-03 07:54:52Z

4

The behavior is different in the two cases. In the first case you don't end up with an interface and a class, you end up with a single class that is a merger of the two. The behavior is described here. This behavior can't happen across modules however.

If you want to augment an existing module the behavior you want is called module augmentation and is also described here.

answered Feb 3, 2019 at 7:54

Titian Cernicova-Dragomir

253k37 gold badges465 silver badges395 bronze badges

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

1 Comment

Zen-Ventzi-Marinov Over a year ago

In case of IFoo & Foo from the example above, what would module augmentation look like? Could you add it to the answer?

Collectives™ on Stack Overflow

Typescript import interface with same name as class

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related