Uncaught TypeError: Cannot read properties of undefined (reading 'default') at resolveModuleMetaData #42400

JustinPraas · 2022-11-03T08:42:12Z

JustinPraas
Nov 3, 2022

Folks, I have a nasty issue with NextJS 13 at the moment, using the experimental appDir feature.

I have a project, basically empty, with two routes and a layout:

route1/page.tsx and route2/page.tsx are almost identical:

'use client';

export default function Redirect() {
    
    return (<div>Route 1</div>);
}

And the layout.tsx:

'use client'

export default function RootLayout({
    children,
  }: {
    children: React.ReactNode;
  }) {
    return (
      <html lang="en">
        <head>
          <title>Next.js</title>
        </head>
        <body>{children}</body>
      </html>
    );
  }

Whenever I do some RANDOM routing using the URL bar (e.g. route 1 -> route 2 -> route 1, etc) I get the following error message, seemingly randomly:

Uncaught TypeError: Cannot read properties of undefined (reading 'default')
    at resolveModuleMetaData (webpack-internal:///(sc_server)/./node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:195:82)
    at serializeModuleReference (webpack-internal:///(sc_server)/./node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1298:50)
    at resolveModelToJSON (webpack-internal:///(sc_server)/./node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1660:40)
    at Array.toJSON (webpack-internal:///(sc_server)/./node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1081:40)
    at stringify (<anonymous>)
    at processModelChunk (webpack-internal:///(sc_server)/./node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:163:36)
    at retryTask (webpack-internal:///(sc_server)/./node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1823:50)
    at performWork (webpack-internal:///(sc_server)/./node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1856:33)
    at AsyncLocalStorage.run (node:async_hooks:330:14)
    at eval (webpack-internal:///(sc_server)/./node_modules/next/dist/compiled/react-server-dom-webpack/server.browser.js:1934:55)
resolveErrorDev @ client.js?234c:691
processFullRow @ client.js?234c:756
processBinaryChunk @ client.js?234c:789
progress @ client.js?234c:842


react-dom.development.js?160d:21285 The above error occurred in the <ServerRoot> component:
    at ServerRoot (webpack-internal:///./node_modules/next/dist/client/app-index.js:114:11)
    at RSCComponent
    at Root (webpack-internal:///./node_modules/next/dist/client/app-index.js:130:11)

My package.json

{
  "name": "frontend",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@reduxjs/toolkit": "^1.8.6",
    "next": "13.0.0",
    "next-redux-wrapper": "^8.0.0",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-redux": "^8.0.4"
  },
  "devDependencies": {
    "@types/node": "18.11.8",
    "@types/react": "18.0.24",
    "@types/react-dom": "18.0.8",
    "@types/react-redux": "^7.1.24",
    "eslint": "8.26.0",
    "eslint-config-next": "13.0.0",
    "typescript": "4.8.4"
  }
}

next.config.js:

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: false,
  swcMinify: true,
  experimental: {
    appDir: true,
  },
}

module.exports = nextConfig

I tried to do some debugging, but I'm being directed to minified eval function calls.

Anyone that has a clue?

icyJoseph · 2022-11-03T09:03:21Z

icyJoseph
Nov 3, 2022

Could you try upgrading to next@13.0.1 and if the error still happens, please provide a repository to look at, and a bit more clear instructions on what RANDOM url changes means, I gave it a go, but no luck. Using next dev without TurboPack.

5 replies

JustinPraas Nov 3, 2022
Author

Thank you for replying. I changed the version of next to 13.0.1 to no avail.

I have set up a repo: https://github.com/JustinPraas/next13

What I mean with random: I just switch between the routes (/route1, /route2) using the navbar manually. Usually, when I restarted the app, the first route works (either 1 or 2), switching to the other route works as well then, but switching back to the initial route gives me this error.

icyJoseph Nov 3, 2022

Are you on windows OS? with turbopack?

JustinPraas Nov 3, 2022
Author

Yes, I'm on windows without Turbo Pack (not sure what that is)

icyJoseph Nov 3, 2022

It works fine on my machine, not Windows OS... Mmm I think this might OS related but I can't figure out why.

Turbo Pack is the new bundler they have for development, but then that's no the problem, it gets activate with next dev --turbo.

I think you need to file a bug report with that repository and the result of next info.

JustinPraas Nov 3, 2022
Author

Alright, I will do that. Thanks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uncaught TypeError: Cannot read properties of undefined (reading 'default') at resolveModuleMetaData #42400

{{title}}

Replies: 1 comment 5 replies

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

Select a reply

Uncaught TypeError: Cannot read properties of undefined (reading 'default') at resolveModuleMetaData #42400

JustinPraas Nov 3, 2022

Replies: 1 comment · 5 replies

icyJoseph Nov 3, 2022

JustinPraas Nov 3, 2022 Author

icyJoseph Nov 3, 2022

JustinPraas Nov 3, 2022 Author

icyJoseph Nov 3, 2022

JustinPraas Nov 3, 2022 Author

JustinPraas
Nov 3, 2022

Replies: 1 comment 5 replies

icyJoseph
Nov 3, 2022

JustinPraas Nov 3, 2022
Author

JustinPraas Nov 3, 2022
Author

JustinPraas Nov 3, 2022
Author