A ES6 module with with multiple exports including a default export

[tinganho]

I'm not sure if this is valid ES6 code but I'm trying to get this work:
app.ts

import function1, { function2 } from './module1'

function1()
function2()

module1.ts

export default function function1() {
  console.log('hej')
}

export function function2() {
  console.log('hej')
}

I'm using today's master branch and I get the following error when I compile app.ts:

error TS2309: An export assignment cannot be used in a module with other exported elements.

An another question, if app.ts do a namespaced import will I have access to the default function too?

app.ts

import * as module1 from './module1'

module1.function1()
module2.function2()

[JsonFreeman]

For your first question, yes it is valid ES6 code. It gives an error in the compiler today, but we plan to change the design to allow that code, per #2242 (comment).

For your second question, no. An import * does not include the default export, so you will not have access to function1. However, you can access the default export via an explicit namespace import, like this:

import { default as function1, function2 } from './module1';

function1();
function2();

You can also combine the default import with *:

import function1, * as module1 from './module1';

function1();
module1.function2();

[ahejlsberg]

I just posted #2460 which addresses this issue.

Regarding import * and default exports, keep in mind that a default export is simply an export with the reserved name default. So, when you import * from a module with a default export, the default export is available as a member named default.

Given your example above, you can import and use the module as follows:

import * as module1 from './module1'

module1.default();  // This calls function1
module2.function2();

If you want to export a member both by its name and as the default, you can do this:

export function function1() {
  console.log('hej')
}

export function function2() {
  console.log('hej')
}

export default function1;

Then you can do this:

import * as module1 from './module1'

module1.default();  // This calls function1
module1.function1();
module2.function2();

[Worie]

Hi, sorry for digging out an old thread. I've recently thought of moving into TS 2.8 and I cant seem to find a way to combine import into something like that:

import Types, { TypeA, TypeB } from '@/common/support/types';

I mean, importing * as Types and single types separately.

Would you mind giving me a tip on whats the valid syntax at this moment? Thanks!

[vaurelios]

@Worie i can't find either.

but with one more line i can do:

import * as React from 'react';

const { Component } = React;