Typescript: How to export a variable

Question

I want to open 'file1.ts' and write:

export var arr = [1,2,3];

and open another file, let's say 'file2.ts' and access directly to 'arr' in file1.ts:

I do it by:

import {arr} from './file1';

However, when I want to access 'arr', I can't just write 'arr', but I have to write 'arr.arr'. The first one is for the module name. How do I access directly an exported variable name?

Ummm. No. If you import the way you posted then arr is the array. Only if you import it like this: import * as arr from "./file1" then you'll need to use it like arr.arr — Nitzan Tomer
– Nitzan Tomer, Commented Mar 1, 2017 at 20:04
Well, that's how it is supposed to be, as stated in MDN and the typescript docs. If it's not working for you then you're probably doing something else. Your code works just fine for me where arr is the array without the need to use arr.arr. — Nitzan Tomer
– Nitzan Tomer, Commented Mar 1, 2017 at 22:50

Kieran · Accepted Answer · 2022-11-26 21:33:10Z

147

There are two different types of export, named and default.

You can have multiple named exports per module but only one default export.

For a named export you can try something like:

// ./file1.ts
const arr = [1,2,3];
export { arr };

Then to import you could use the original statement:

// ./file2.ts
import { arr } from "./file1";
console.log(arr.length); // 3

This will get around the need for arr.arr you mentioned.

How do pirates know that they are pirates? They think, therefore they ARR!!

edited Nov 26, 2022 at 21:33

answered Mar 6, 2018 at 4:06

Kieran

18.1k8 gold badges48 silver badges54 bronze badges

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

Comments

Mikael Gidmark · Accepted Answer · 2017-03-27 06:10:49Z

66

If you do:

var arr = [1,2,3];
export default arr;

...

import arr from './file1';

Then it should work

answered Mar 27, 2017 at 6:10

Mikael Gidmark

1,42211 silver badges19 bronze badges

2 Comments

Amit Bhagat Over a year ago

In file1 it could be myArr but should import import arr from './file1' to use as arr in file2

Tigerware Over a year ago

I prefer the named export like in the other solution.

Collectives™ on Stack Overflow

Typescript: How to export a variable

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related