How to import enum defined in typescript?

Question

I have the following module defined in Typescript

declare module MyTypes {

    export enum MyEnum {
        GOOD = 'Good',
        BAD = 'Bad',
        UNKNOWN = '-'
    }

   export interface MyType1 {
      myType1:string
   }

}

export default MyTypes;

In a separate file, I import it like so:

import MyTypes from '/my-types'
import MyType1 = MyTypes.MyType1
import MyEnum = MyTypes.MyEnum

When I refer in the code to MyEnum.GOOD, Chrome returns an exception on the console MyTypes is not defined. What is the appropriate way to import enums from modules in typescript?

jmattheis · Accepted Answer · 2018-07-04 17:06:31Z

6

When using declare, typescript does not create any javascript code, it only implies that it already exists. With interfaces it all should work well, because they are just stripped at runtime. An enum on the other hand has actual string values like "Good".

You can simply remove the declare keyword and it all should work.

module MyTypes {

    export enum MyEnum {
        GOOD = 'Good',
        BAD = 'Bad',
        UNKNOWN = '-'
    }

   export interface MyType1 {
      myType1:string
   }

}

export default MyTypes;

FYI your enum in javascript would look like this:

export var MyEnum;
(function (MyEnum) {
    MyEnum["GOOD"] = "Good";
    MyEnum["BAD"] = "Bad";
    MyEnum["UNKNOWN"] = "-";
})(MyEnum || (MyEnum = {}));

answered Jul 4, 2018 at 17:06

jmattheis

11.2k12 gold badges52 silver badges62 bronze badges

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

2 Comments

Edmondo Over a year ago

Thank you, is there a reference about this I could read for learning?

jmattheis Over a year ago

@Edmondo1984 you can read about declaration files in here typescriptlang.org/docs/handbook/declaration-files/… thats the only place to use declare

Collectives™ on Stack Overflow

How to import enum defined in typescript?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related