Unexpected token import: ES2015 module support without transpiling to CommonJS

[CKGrafico]

I've made a simple test like your example and I've this error:

(function (exports, require, module, __filename, __dirname) { import test from 'ava';
                                                              ^^^^^^

SyntaxError: Unexpected token import

the test:

import test from 'ava';

test('one plus two equals three', t => {
  t.is(1 + 2, 3);
});

[andywer]

Hey @CKGrafico!

It's a bit too little information to debug. What does your tsconfig.json look like? I guess target or module is not set correctly.

You can also have a look at andywer/key-store.

[CKGrafico]

Ups sorry, the tsconfig is the default tsconfig of nuxt typescript example https://github.com/nuxt/nuxt.js/blob/dev/examples/typescript/tsconfig.json

[andywer]

Can't really help here, I fear, since I would need to have access to a project that reproduces the issue.

I can only suggest you have a look at andywer/key-store and compare, since it uses es2015 modules and works just fine.

[CKGrafico]

You can clone this repo http://bit.ly/2BHkpRV is public :) by the moment I've added mocha for the tests but the community of nuxt is using ava and we want to try

[andywer]

Update: I think you have to set "module": "commonjs" instead of "module": "es2015" in your tsconfig.json. The setting describes what to compile it to.

If it's set to es2015, it will output ES2015 modules and node will choke upon it 😉

[CKGrafico]

Ok in this case I can't use ava thanks

[mastilver]

Hi

I'm having the same issue

Is there any way to override the tsconfig used by ts-ava like ava is doing?
https://github.com/avajs/ava#es2017-support

[andywer]

Hey @mastilver. Yeah, just add a tsconfig.json file to your project and set the appropriate settings ("module": "commonjs" should be the solution here).

Should probably add a FAQ section to the readme.

[mastilver]

Thank you for the quick answer!! :)

I already have module set to es2015 and I need it that way, I was wondering if it could be overwritten only when using ts-ava

[andywer]

Hmmm... Maybe conditionally loading https://github.com/standard-things/esm together with ts-node would solve the issue.

Will re-open the issue and change the title.

Can you check if monkey-patching api.js to load esm works?

[mastilver]

Thank you so much

This worked for me:

"ava": {
    "require": ["ts-node/register", "@std/esm"]
  }