Cloudflare Browser Rendering worker not showing up

[austinprice]

Describe the bug
I configured browser rendering using the hub config and hubBrowser(). It's working locally but when deploying, the browser rendering page in Cloudflare is empty and my API endpoint is not executing the functionality using hubBrowser(). I looked in the docs and searched the issues here, but sorry if I missed something.

Is there anything else I need to do to get browser rendering set up besides setting browser: true in the hub config?

Steps to reproduce
Steps to reproduce the behavior:

1. Add browser: true to hub in nuxt.config.ts. In my API route, use hubBrowser()
2. Test that endpoint works as expected locally
3. Push up to Github, trigger deployment

When I test on prod, the function silently does not handle anything after initiating hubBrowser(). I have a few console statements printing just to help debug, and only see the one that prints before hubBrowser() is initiated.

[austinprice]

This is the code in my API route, for reference:

const { page } = await hubBrowser()
await page.goto(siteUrl, { waitUntil: 'networkidle0' })

And here is my nuxt.config.ts:

export default defineNuxtConfig({
  compatibilityDate: '2024-04-03',
  devtools: { enabled: true },
  css: [
    './assets/css/tailwind.css',
    './assets/css/main.css',
  ],
  ssr:true,
  modules: [
    '@nuxthub/core',
    '@nuxtjs/tailwindcss',
    'shadcn-nuxt',
    '@nuxtjs/supabase',
    '@nuxt/icon',
  ],
  hub: {
    browser: true,
    kv: true
  },
  tailwindcss: {
    configPath: './tailwind.config.js',
  },
  shadcn: {
    prefix: '',
    componentDir: './components/ui'
  },
  supabase: {
    url: process.env.SUPABASE_URL,
    key: process.env.SUPABASE_KEY,
    redirectOptions: {
      login: '/login',
      callback: '/confirm'
    }
  },
  runtimeConfig: {
    OPENAI_API_KEY: process.env.OPENAI_API_KEY
  }
})

[atinux]

How did you deploy your project, using the NuxtHub or the NuxtHub admin?

[atinux]

I just tested deploying a small demo using hubBrowser(), deployed with nuxthub deploy and it works seamlessly:

[austinprice]

I configured everything through the admin initially. Let me try running through nuxthub deploy

[austinprice]

I ran npx nuxthub deploy and got a successful deployment, but the browser rendering is still showing as 0 sessions and the API behavior is unchanged. I do have a paid worker plan as well.

I'll continue to debug this and report back what I find. Just wanted to make sure there wasn't anything obvious I was missing.

[atinux]

Keep me updated, this is quite annoying :(

[austinprice]

Will do, appreciate the quick reply

[austinprice]

I figured out the issue, it was complete user error on my part. My API route that was using hubBrowser() was returning a response before the browser could initiate. It worked locally because it was running in the background after returning a response. After fixing that, everything worked without a hitch.

Sorry for the false alarm!