serveStatic not working (ReferenceError: __STATIC_CONTENT_MANIFEST is not defined)

Info

• hono : 1.3.3
• wrangler : v2

Wrangler configuration -

name = "test"
main = "src/index.ts"
compatibility_date = "2022-05-13"

kv_namespaces = [
  { binding = "ARNAB", preview_id = "", id="" }
]

[site]
bucket =  "./public"

Code -

import { Hono } from "hono";
import { serveStatic } from "hono/serve-static";
import { renderSSR } from "nano-jsx";
import Home from "./pages/Home";

const app = new Hono();

app.use("/img/*", serveStatic({ root: "./" }));
app.get("/", async (ctx) => ctx.html(renderSSR(Home)));

export default app;

Assets :

./public
└── img
    ├── cf.png

Error :

GET /img/cf.png crashes with an internal server error.

8:46:17 AM GET /img/cf.png 500
ReferenceError: __STATIC_CONTENT_MANIFEST is not defined             
[1]     at getContentFromKVAsset (index.js:718:9)
[1]     at index.js:869:70
[1]     at dispatch (index.js:301:34)
[1]     at index.js:286:16
[1]     at Hono2.dispatch (index.js:660:27)

[yusukebe]

Hi @ArnabXD

I’ve released v1.3.4. The server-static middleware is now supporting Module Worker. You can write like this:

import { Hono } from 'hono'
import { serveStatic } from 'hono/serve-static.module' // <--- New!

const app = new Hono()

app.use('/static/*', serveStatic({ root: './' }))
app.get('/', (c) => c.text('This is Home! You can access: /static/hello.txt'))

export default app

[yusukebe]

Hi @ArnabXD !

This error occurs only in ES Modules mode.

app.fire // <--- Service Worker mode / do not throw the error

export default app // <--- ES module mode / throw the error

I’m investigating how to fix it. If you want to use serveStatic right now, use Service Worker mode instead.