Cloudflare Developers•2y ago

Next 13 `app` dir InternalServerError

Hey, I was following the steps described in here https://github.com/cloudflare/next-on-pages to deploy a Next 13 app with the app directory and the response from the server on the / route returns Internal Server Error. I dove into the function logs for the deployment and got the following:

...
"exceptions": [
    {
      "name": "TypeError",
      "message": "undefined is not iterable (cannot read property Symbol(Symbol.iterator))",
      "timestamp": 1677101532584
    }
  ],
  "logs": [
    {
      "message": [
        "Error: Invariant: AsyncLocalStorage accessed in runtime where it is not available"
      ],
      "level": "error",
      "timestamp": 1677101532584
    },
    {
      "message": [
        "TypeError: Cannot read properties of null (reading 'default')"
      ],
      "level": "error",
      "timestamp": 1677101532584
    }
  ],
...

...
"exceptions": [
    {
      "name": "TypeError",
      "message": "undefined is not iterable (cannot read property Symbol(Symbol.iterator))",
      "timestamp": 1677101532584
    }
  ],
  "logs": [
    {
      "message": [
        "Error: Invariant: AsyncLocalStorage accessed in runtime where it is not available"
      ],
      "level": "error",
      "timestamp": 1677101532584
    },
    {
      "message": [
        "TypeError: Cannot read properties of null (reading 'default')"
      ],
      "level": "error",
      "timestamp": 1677101532584
    }
  ],
...

I'm not really sure what they are so here I am. I created the project from scratch (ie. npx create-next-app@latest) the appDir experimental config is enabled and basically everything the README says. Appreciate any help.

GitHub

GitHub - cloudflare/next-on-pages

Contribute to cloudflare/next-on-pages development by creating an account on GitHub.

1 Reply

shixzieOP•2y ago

thanks, will try

Gaming

Programming

Next 13 `app` dir InternalServerError