imported typescript enum doesn't work in compiled output

Question

I'm trying to create a collection of enums to be used inside an index.ts file. Rather than keeping these enums directly inside the index.ts file, I want to import them from another file.

To do this, I tried declaring a namespace inside a declaration file:

declare namespace reservedWords {
  enum Variables {
    const = 'const',
    let = 'let',
    var = 'var',
  }
  ...
  // more enums and other things
}

export default reservedWords;

I then try to import this in the index.ts file:

import reservedWords from 'reservedWords.d.ts';

...

if (thing === reservedWords.Variables.const) doSomething();

Before compiling, I tried to add my src directory to my typeroots since that's where I'm keeping the reservedWords.d.ts file:

    "typeRoots" : ["./src", "./node_modules/@types"],

When I compile the index.ts file with tsc, I'm seeing that the compiled index.js file is saying that it's importing reservedWords, but nothing with that name exists in the bin (export) folder.

import reservedWords from 'reservedWords';

How can I get the index.ts file to use these enums? Not sure how necessary using a namespace is, but I figured organizing these enums inside a namespace in a declaration file would be the best thing to do.

msapkal · Accepted Answer · 2020-06-06 18:29:53Z

1

You would need to export the enums

declare namespace reservedWords {
  export enum Variables {
    const = 'const',
    let = 'let',
    var = 'var',
  }
  ...
  // more enums and other things
}

export default reservedWords;

And under index.ts

    import * as reservedWords from 'reservedWords'

edited Jun 6, 2020 at 18:29

answered Jun 6, 2020 at 18:24

msapkal

8,3462 gold badges34 silver badges48 bronze badges

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

2 Comments

rpivovar Over a year ago

How would Variables be used from index.ts like this?

msapkal Over a year ago

reservedWords.Variables.const

shadeglare · Accepted Answer · 2020-06-06 18:20:17Z

1

You may be looking for the constant enums. This typescript feature will help you to generate enum values in requested places. Here's an example for your case:

const enum Variables {
  const = 'const',
  let = 'let',
  var = 'var',
}

More details could be found in the official documentation.

P.S.: I suppose there's no need to use import reservedWords from 'reservedWords.d.ts'; as you already specified type type roots.

answered Jun 6, 2020 at 18:20

shadeglare

7,5969 gold badges51 silver badges60 bronze badges

Collectives™ on Stack Overflow

imported typescript enum doesn't work in compiled output

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related