Uncaught (in promise) TypeError: cannot read headers: request closed

What is this? How to fix it?

18 Replies

You might want to provide some code for people to be able to help you. The error itself is not quite useful, as it is very explicit. Request is closed, so you cannot read headers. You are probably sending a Response, then trying to read headers from the Request.

Timo Martinson•17mo ago

ahm, ok, sorry.

Sorikairo•17mo ago

The fact that it says "Uncaught (in promise)" hints that you might not be awaiting a promise

Timo Martinson•17mo ago

as the file is very small, here is it:

import { Application, Router } from 'https://deno.land/x/oak/mod.ts'
import { oakCors } from 'https://deno.land/x/cors/mod.ts'

import { City } from './types/city.ts'
import { Activity } from './types/activity.ts'

// --

const app = new Application()
const router = new Router()

// --

app.use(oakCors())

// --

const kv = await Deno.openKv('./src/database/kv')

// -- Städte --

router.post('/cities', async (context) => {
  const id = crypto.randomUUID()
  const data = await context.request.body().value
  await kv.set(['cities', id], data)
  const cityData = await kv.get(['cities', id])
  const city: City = { id, ...cityData.value }
  context.response.body = { city }
})

router.get('/cities', async (context) => {
  const cities: City[] = []
  for await (const cityData of kv.list({ prefix: ['cities'] })) {
    const id = cityData.key[1]
    const city: City = { id, ...cityData.value }
    cities.push(city)
  }
  context.response.body = { cities }
})

// -- Aktivitäten --

router.post('/activities', async (context) => {
  const id = crypto.randomUUID()
  const data = await context.request.body().value
  await kv.set(['activities', id], data)
  const activityData = await kv.get(['activities', id])
  const activity: Activity = { id, ...activityData.value }
  context.response.body = { activity }
})

router.get('/activities', async (context) => {
  const activities: Activity[] = []
  for await (const activityData of kv.list({ prefix: ['activities'] })) {
    const id = activityData.key[1]
    const activity: Activity = { id, ...activityData.value }
    activities.push(activity)
  }
  context.response.body = { activities }
})

// --

app.use(router.routes(), router.allowedMethods())

// --

app.listen({ port: 4000 })

import { Application, Router } from 'https://deno.land/x/oak/mod.ts'
import { oakCors } from 'https://deno.land/x/cors/mod.ts'

import { City } from './types/city.ts'
import { Activity } from './types/activity.ts'

// --

const app = new Application()
const router = new Router()

// --

app.use(oakCors())

// --

const kv = await Deno.openKv('./src/database/kv')

// -- Städte --

router.post('/cities', async (context) => {
  const id = crypto.randomUUID()
  const data = await context.request.body().value
  await kv.set(['cities', id], data)
  const cityData = await kv.get(['cities', id])
  const city: City = { id, ...cityData.value }
  context.response.body = { city }
})

router.get('/cities', async (context) => {
  const cities: City[] = []
  for await (const cityData of kv.list({ prefix: ['cities'] })) {
    const id = cityData.key[1]
    const city: City = { id, ...cityData.value }
    cities.push(city)
  }
  context.response.body = { cities }
})

// -- Aktivitäten --

router.post('/activities', async (context) => {
  const id = crypto.randomUUID()
  const data = await context.request.body().value
  await kv.set(['activities', id], data)
  const activityData = await kv.get(['activities', id])
  const activity: Activity = { id, ...activityData.value }
  context.response.body = { activity }
})

router.get('/activities', async (context) => {
  const activities: Activity[] = []
  for await (const activityData of kv.list({ prefix: ['activities'] })) {
    const id = activityData.key[1]
    const activity: Activity = { id, ...activityData.value }
    activities.push(activity)
  }
  context.response.body = { activities }
})

// --

app.use(router.routes(), router.allowedMethods())

// --

app.listen({ port: 4000 })

Sorikairo•17mo ago

which line throws the error ?

Timo Martinson•17mo ago

when the error occurs, both files (kv-shm and kv-wal) are deleted. i don't know the exact line it occurs while editing data on the client (react) seems it has something to do with KV !??!?! or deno run --watch ... as script ? i am guessing.

Sorikairo•17mo ago

So it fails when you do a POST request to one of the endpoint ? Error should have a stacktrace so you can deduct where the error come from, do not hesitate to post it here

Timo Martinson•17mo ago

i will, just waiting for it to occur again

Sorikairo•17mo ago

Oh, is it not happening every time ? Makes it quite hard 😭

Timo Martinson•17mo ago

yes it is. it is rarely happening. i think it might be a bug from early KV as i said. both database files are missing after the error

error: Uncaught (in promise) TypeError: cannot read headers: request closed
    return this.#request.headers;
                         ^
    at Object.get headerList (ext:deno_fetch/23_request.js:115:17)
    at Request.request.<computed> (ext:deno_fetch/23_request.js:565:60)
    at Request.get [headers] (ext:deno_fetch/23_request.js:252:46)
    at Request.get headers (ext:deno_fetch/23_request.js:452:16)
    at NativeRequest.get headers (https://deno.land/x/oak@v11.1.0/http_server_native_request.ts:68:26)
    at new Request (https://deno.land/x/oak@v11.1.0/request.ts:145:21)
    at new Context (https://deno.land/x/oak@v11.1.0/context.ts:173:20)
    at Application.#handleRequest (https://deno.land/x/oak@v11.1.0/application.ts:425:21)
    at Application.listen (https://deno.land/x/oak@v11.1.0/application.ts:610:28)
    at eventLoopTick (ext:core/01_core.js:182:11)

error: Uncaught (in promise) TypeError: cannot read headers: request closed
    return this.#request.headers;
                         ^
    at Object.get headerList (ext:deno_fetch/23_request.js:115:17)
    at Request.request.<computed> (ext:deno_fetch/23_request.js:565:60)
    at Request.get [headers] (ext:deno_fetch/23_request.js:252:46)
    at Request.get headers (ext:deno_fetch/23_request.js:452:16)
    at NativeRequest.get headers (https://deno.land/x/oak@v11.1.0/http_server_native_request.ts:68:26)
    at new Request (https://deno.land/x/oak@v11.1.0/request.ts:145:21)
    at new Context (https://deno.land/x/oak@v11.1.0/context.ts:173:20)
    at Application.#handleRequest (https://deno.land/x/oak@v11.1.0/application.ts:425:21)
    at Application.listen (https://deno.land/x/oak@v11.1.0/application.ts:610:28)
    at eventLoopTick (ext:core/01_core.js:182:11)

this is the full log maybe the problem is at the side of the react-client which breaks the connection ???

Sorikairo•17mo ago

Looks like an issue with oak, where the connection dies unexpectedly

Timo Martinson•17mo ago

Sorikairo•17mo ago

Does the react client crashes or something ? Because requests ending unexpectedly when working locally seems pretty hard to do

Timo Martinson•17mo ago

yes.

Timo Martinson•17mo ago

Unhandled Rejection (TypeError): Failed to fetch

Unhandled Rejection (TypeError): Failed to fetch

Timo Martinson•17mo ago

I am working with parcel as a bundler. i am switching to vite. let's see if that works there seems to be a solution

Unknown User•16mo ago

Message Not Public

Timo Martinson•16mo ago

no, I did not find a solution.