Unable to compile to serverless target

[elastic]

Unable to compile to serverless target

[pugnascotia]

Hmm, so I was able to replicate and fix the reported problem in commit 2031d9c. However, that leads to a further problem, which appears to be something to do with the styled-jsx module and the lack of a document global on the server side. I'll continue looking when I get a chance, but it seems a bit obscure 😕

[Jakkc]

Aha I see! Well I have been successfully deploying a next serverless build for the past few months. It is only now after adding in elastic-ui that I am unable to compile to serverless. Fine for now, I can revert to the default next target but it would be awesome to have elastic-ui and serverless working together in the future.

Good luck with your search! 😄

[pugnascotia]

Can you share a bit more about what you're trying to do when you say "compile to serverless"? Have you made any changes to the project?

[Jakkc]

@pugnascotia when I say compile to serverless I mean in next.config.js I am setting target: serverless. This error occurs when running the next build command.

I have not built my project directly from this boilerplate, however I have copied across all the relevant polyfills for elastic-ui from this repo, and that allows me to compile to target: server (the default next compilation target).

Please let me know anything more specific you require. Happy to provide more detail if necessary, I just don't have the node knowledge to intuitvely understand whats going on!

[Jakkc]

Thank you for your speedy response @pugnascotia . I will use the default next compilation target for now but I look forward to using elastic in serverless mode in the future!

[pugnascotia]

So if I:

1. Start a new app as per the docs, with

   npm init next-app nextjs-blog --example "https://github.com/vercel/next-learn-starter/tree/master/learn-starter

2. Change it to serverless mode
3. yarn build

Then it works OK, and styled-jsx is still in there. Which is odd.

[Jakkc]

Is this with elastic-ui included as well? When I try to compile to serverless target with the hotfix in your previous post, I end up with the same ReferenceError: document is not defined error you reported.

[pugnascotia]

No, I was just trying to work out whether the problem exists in Next.js without EUI, or whether it is actually my problem 😁

[pugnascotia]

Ah...well, the good news is that I know what the problem is now. In:

node_modules/styled-jsx/dist/lib/stylesheet.js

...there's a check for whether window is defined, before going on to reference document. Because the Next starter adds a window shim, that makes it explode. I don't know why this only happens in serverless mode though.

[pugnascotia]

OK, #8 should have fixed this. Let us know how you get on.