SyntaxError: Unexpected token 'export' when using CrafterCMS with typescript

Question

I'm trying to create a crafterCMS project with typescript. I install the latest packages:

"@craftercms/content": "^2.0.7",
"@craftercms/experience-builder": "^1.0.0-rc.3",
"@craftercms/ice": "^2.0.7",

But when i run the project i get this error:

By checking the logs its coming from a file belonging to @craftercms/experience-builder in node_modules:

If i don't use typescript i dont get any errors so my guess its because of these typescript files in node_modules:

Any solution?

Answer 1

I manage to solve the problem using next transpile modules. I added

const withTM = require('next-transpile-modules')(['@craftercms/experience-builder','@craftercms/studio-ui']);

to next.config.js and then export using that

module.exports = withTM({...});