javascript - How to export and import at the same time in typescript - Stack Overflow

I want to import the model's interface and at the same time export the model interface from that file.

I wrote the following code to import the model's interface and use it in that file and export that interface externally.

// api/service/post.interface.ts
export import { Post } from '../../model/interface/post.interface.ts; 
// -> An import declaration cannot have modifiers.

type PostPayload = Partial<Post>;

// api/service/post_create.ts
import { Post } from './post.interface'; 
// -> this path has no exported member 'Post'

const a = (title: Post['title']) => {
  ...
}

What did I make a mistake?

I want to import the model's interface and at the same time export the model interface from that file.

I wrote the following code to import the model's interface and use it in that file and export that interface externally.

// api/service/post.interface.ts
export import { Post } from '../../model/interface/post.interface.ts; 
// -> An import declaration cannot have modifiers.

type PostPayload = Partial<Post>;

// api/service/post_create.ts
import { Post } from './post.interface'; 
// -> this path has no exported member 'Post'

const a = (title: Post['title']) => {
  ...
}

What did I make a mistake?

• javascript
• typescript

Share Follow asked Mar 4, 2020 at 10:43 COLEANCOLEAN 69522 gold badges1313 silver badges2424 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

You can't both import something to use locally and export it in a single declaration, they have to be separate ones:

import { Post } from '../../model/interface/post.interface.ts;
export { Post }; 

Although it's possible to re-export something in a single statement, like this:

export { Post } from '../../model/interface/post.interface.ts;

...it doesn't create a local binding you can use. It's just a re-export, not an import.

You "reexport" a name like this:

export { Post } from "../../model/interface/post.interface.ts";

Or even the default export of a module like this:

export { default } from "../../model/interface/somedefault.ts";

And even the default export under a new name:

export { default as Other name } from "../../model/interface/somedefault.ts";

But there is no syntax to import and export at the same time.