CloudFlare Worker (Wrangler) deployment struggling to resolve node modules for Nuxt3

[l-monninger]

I'm struggling to get Nuxt3 (w/Nitro) working as a CloudFlare Worker (Wrangler) deployment. It have my wrangler.toml configured as:

name = "<redacted>"
type = "javascript"
account_id = "<redacted>"
workers_dev = true
compatibility_date = "2022-09-10"
main = "./.output/server/index.mjs"

[site]
bucket = "./.output/public"

[build]
command = "true"
upload.format = "service-worker"

However, this fails; it appears because node_modules is not successfully internalized:

.output/server/chunks/app/_nuxt/error-404.0ef263a0.mjs:2:85: ERROR:
  Could not resolve "vue"
  .output/server/chunks/app/_nuxt/error-404.0ef263a0.mjs:4:7: ERROR:
  Could not resolve "ohmyfetch"
  .output/server/chunks/app/_nuxt/error-404.0ef263a0.mjs:15:7: ERROR:
  Could not resolve "node-fetch-native/polyfill"
  .output/server/chunks/app/_nuxt/error-404.0ef263a0.mjs:16:7: ERROR:
  Could not resolve "http"
  .output/server/chunks/app/_nuxt/error-404.0ef263a0.mjs:17:7: ERROR:
  Could not resolve "https"

Any thoughts on how to resolve? I'm asking in the Nuxt community as well.

[l-monninger]

You need to make sure to build with NITRO_PRESET=cloudflare yarn build.

[l-monninger]

I am still running into issues with server plugins though. Without the server plugin, the build is fine. With the server plugin...

Uncaught TypeError: e3.split is not a function
    at worker.js:12664:21 in resolveDebug
    at worker.js:12654:51
    at worker.js:12667:6
    at worker.js:25489:4
    at worker.js:25490:3
   [code: 10021]

[barisbora]

Cloudflare workers isn't Node, it's build on top of V8 engine so you can't use some packages which dependent on some native node api like fs, net or http.

Looks like you get error when deploy to cloudflare via wrangler, it make sense because wrangler2 smart enough to detect unsupported apis most of times.

https://developers.cloudflare.com/workers/learning/how-workers-works

[l-monninger]

So, is this currently impossible then? What would I have to do to actually get a Nuxt3 app running with server plugins in a CloudFlare worker? It sounds like Nuxt/Vue would need a similar preset to what you have provided for nitro.

[DavidDeSloovere]

Our app works fine on CF pages. Not sure about workers though.
But you can't use packages the really on full node runtime, ie Crypto.
Also see https://developers.cloudflare.com/workers/runtime-apis/nodejs/