SyntaxError: Unexpected token 'export'

[prajwalkulkarni]

Describe the bug
After adding the Xterm component and firing up the server, I'm being shown this error on a NextJS project. I'm not really sure if there are any other additional configurations to be made in order to render this component properly. If there is, I feel the README section can be improved so that new-users don't face the same issue.

SyntaxError: Unexpected token 'export'

To Reproduce
Steps to reproduce the behavior:

1. Render Xterm component
2. Run the dev server
3. See error

Expected behavior
Render the Terminal UI.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Windows 11
• Browser Chrome
• Version 100

[crwntec]

Actually the best thing to do is to ditch xterm-for-react. I had the same problem and its definetly easier to work with xterm.js, useEffect() and useRef to set it up: https://gist.github.com/neuron-electronics/0cabbfa5337a904d689e081e92926fa5#file-component-js

[Johnrobmiller]

this replicated for me also

[Johnrobmiller]

this replicated for me also

[Johnrobmiller]

This is almost certainly a Next.js or SSR/SSG problem. I can see in the screenshot the Next.js debugger ui, and I was also using Next.js

Next.js rejects the library when dynamically importing it in.

The maintainer of this repo needs to fix this, because dynamic importing didn't work, I doubt there is a solution to this problem for Next.js users (I hope someone proves me wrong)

[twinsant]

Got it too.