Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

children.join is not a function

See original GitHub issue

I’m seeing some strange behavior since upgrading to 2.4.1.

I’m getting an error related to the HeadManager, and it seems similar to #910, however the behavior is different.

When the app loads for the first time, some of the Css is missing. I’m assuming this is due to the error with the HeadManager, since I’m loading styles through the next/head component.

<Head>
  {/* other stuff */}
  <style>{styles}</style>
</Head>

Here is a screenshot of the error message, along with the screen without the proper CSS. After a while, the screen refreshes with the proper CSS. This also happens in production.

screenshot 2017-06-05 23 53 36 screenshot 2017-06-05 23 53 25

Issue Analytics

State:
Created 6 years ago
Comments:7 (3 by maintainers)

Top GitHub Comments

1reaction

timneutkenscommented, Jun 7, 2017

@tgoldenberg maybe we need to make it more obvious from the name. But this example includes scss compilation https://github.com/zeit/next.js/tree/v3-beta/examples/with-external-scoped-css

0reactions

tashburncommented, Mar 27, 2018

@tgoldenberg Did you ever find a solution to your babel warning/error? I have the same issue –

[BABEL] Note: The code generator has deoptimised the styling of "/home/ubuntu/grok/source/.next/dist/bundles/pages/Page_Home.js" as it exceeds the max of "500KB".