How to import module correct in Typescript?

Question

I have a declared module:

declare module conflicts {

  export interface Item {}

  export interface Item2 {}

  export interface Item3 {}

}

I tried ti import this module in component like:

import * from '../../../_models/conflicts/conflicts';

Then use it:

let c = {} as conflicts.item3;

But it does not work

It should be: export declare module conflicts {}

POV
– POV

2018-08-18 10:30:17 +00:00
Commented Aug 18, 2018 at 10:30 — POV
– POV, Commented Aug 18, 2018 at 10:30

Blake Simmon · Accepted Answer · 2018-08-19 16:42:46Z

2

The module declaration should look like the following:

export declare module Conflicts {

  export interface Item {}

  export interface Item2 {}

  export interface Item3 {}
}

The import should be:

import * as conflicts from '../../../_models/conflicts/conflicts';

Then, to use the import, do this:

let c = {} as conflicts.Conflicts.Item3;

Notes:

conflicts with a lower-case 'c' in the usage is basically the contents of the import.
Conflicts with a capital 'C' in the usage is the module itself.
Be sure you capitalize the 'I' of 'Item3' to match the interface declaration in the module.
In the as conflicts part of the import, you can really change conflicts to anything you want. This is just for setting how the import will be referred to in the rest of the file.

edited Aug 19, 2018 at 16:42

answered Aug 18, 2018 at 20:16

Blake Simmon

364 bronze badges

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

2 Comments

Pinkie Swirl Over a year ago

Please do not post something as an answer that you believe or think it works. If you don't now either test it are try to write it as a comment.

Blake Simmon Over a year ago

Thanks for the feedback, @PinkieSwirl. I've now tested my solution and made some corrections. I'll be sure to do that before I post an answer in the future.

Collectives™ on Stack Overflow

How to import module correct 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