I have this error in my nextjs app

[asenseofpradhyu]

Please help here.. How to solve this error?

[LuanEdCosta]

It seems that NextJS is trying to import using CommonJS (require, module.exports), but this library exports everything using ES modules (import/export).

I found some StackOverflow links that may help you:

• https://stackoverflow.com/questions/65936222/next-js-syntaxerror-unexpected-token-export
• https://stackoverflow.com/questions/64847988/babylonjs-es6-in-nextjs-failes-with-unexpected-token-export
• https://stackoverflow.com/questions/69377638/nextjs-syntaxerror-unexpected-token-export

I will also try to simulate the problem later to find a nice solution and update docs.

[LuanEdCosta]

I found something interesting...

• NextJS 12.x.x supports ES modules by default. https://nextjs.org/blog/next-12#es-modules-support-and-url-imports
• NextJS 11.x.x also supports ES modules, but under an experimental flag. https://nextjs.org/blog/next-11-1#es-modules-support

I believe that updating NextJS version should fix the problem.

[asenseofpradhyu]

Hey

This link works -> https://stackoverflow.com/questions/65936222/next-js-syntaxerror-unexpected-token-export

I use the next-transpile-module package (https://github.com/martpie/next-transpile-modules#readme).

Thank You for your support...❤️