Angular 6+: SyntaxError: Unexpected token import

[ayyazzafar]

Its not working for me.
I am using Angular 6+ but I always get this error:

src\setup-jest.ts:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import 'jest-preset-angular';
                                                                                             ^^^^^^

    SyntaxError: Unexpected token import

      at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17)

What can be the issue? How can we resolve it?

[ahnpnl]

hi, can you please follow the example app in this repository and see if it can help ?

[l7960261]

same issue as @ayyazzafar

[joelmuskwe]

same issue too

[ahnpnl]

hi all, please add "module": "commonjs", to your tsconfig.spec.json. It will solve your issue :)

[l7960261]

Hello ,
I use ng new jest-into-angular project (repo)

with steps but same issue

[ahnpnl]

@l7960261 you can try to run clear cache of jest, it should solve after modifying tsconfig.spec.json. It worked for me. Here is the repo

[l7960261]

@ahnpnl Cool. It's work fine.

[boazrymland]

hi all, please add "module": "commonjs", to your tsconfig.spec.json. It will solve your issue :)

This should be added to the compilerOptions section of the mentioned file, not in its root.
Only after I moved this to the correct location it worked out.