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.

next/head crashes app

See original GitHub issue

Verify canary release

I verified that the issue exists in the latest Next.js canary release

Provide environment information

next info

    Operating System:
      Platform: linux
      Arch: x64
      Version: Ubuntu 20.04.0 LTS Wed Oct 26 2022 00:51:29 GMT-0300 (Horário Padrão de Brasília)
    Binaries:
      Node: 16.14.2
      npm: 7.17.0
      Yarn: 1.22.19
      pnpm: 7.13.6
    Relevant packages:
      next: 12.3.2-canary.43
      eslint-config-next: N/A
      react: 18.2.0
      react-dom: 18.2.0

What browser are you using? (if relevant)

firefox

How are you deploying your application? (if relevant)

next dev

Describe the Bug

When using the Head component, this error is thrown in the console:

TypeError: Cannot read property '' of undefined
    at resolveModuleReference (C:\projects\javascript\personal\edp-totem\node_modules\next\dist\compiled\react-server-dom-webpack\client.js:46:58)
    at resolveModule (C:\projects\javascript\personal\edp-totem\node_modules\next\dist\compiled\react-server-dom-webpack\client.js:646:25)
    at processFullRow (C:\projects\javascript\personal\edp-totem\node_modules\next\dist\compiled\react-server-dom-webpack\client.js:735:9)
    at processBinaryChunk (C:\projects\javascript\personal\edp-totem\node_modules\next\dist\compiled\react-server-dom-webpack\client.js:789:5)
    at progress (C:\projects\javascript\personal\edp-totem\node_modules\next\dist\compiled\react-server-dom-webpack\client.js:842:5)
    at processTicksAndRejections (internal/process/task_queues.js:95:5)

Expected Behavior

To work properly without any errors

Link to reproduction

https://stackblitz.com/edit/vercel-next-js-vjs4ah?file=src/app/layout.tsx

To Reproduce

Create a root layout in app folder that adds a Head component

Issue Analytics

State:
Created a year ago
Reactions:4
Comments:5 (1 by maintainers)

Top GitHub Comments

1reaction

JeroenReumkenscommented, Oct 26, 2022

@darklight9811 After some digging around I noticed that the new way to use this is creating a head.tsx file next to the page: https://beta.nextjs.org/docs/routing/pages-and-layouts#modifying-head

Not fully sure what I think about it yet though 😅 It’s nice… But having these extra files is also not? 😬

0reactions

github-actions[bot]commented, Nov 28, 2022

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.