Leaflet: runs fine in dev, but fails in build mode

Environment

---

• Operating System: Darwin
• Node Version: v18.2.0
• Nuxt Version: 3.0.0-rc.3
• Package Manager: pnpm@7.1.7
• Builder: vite
• User Config: -
• Runtime Modules: -
• Build Modules: -

---

Describe the bug

I have UI library which also imports leaflet dep. I made sure that leaflet is loaded dynamically in onMounted hooks and that solved the problem when running in dev mode via vite server, but it fails to run in build mode when using node command with error log:

[nuxt] [request error] window is not defined
  at ./.output/server/chunks/app/server.mjs:17185:21

That line is from leaflet library, but why does it error out only in production? I also made sure I upgraded node to 18.2.0 which supports ESM, but still fails.

Additional context

No response

Logs

[nuxt] [request error] window is not defined
  at ./.output/server/chunks/app/server.mjs:17185:21
  at ./.output/server/chunks/app/server.mjs:17058:5
  at ./.output/server/chunks/app/server.mjs:17059:5
  at ./.output/server/chunks/app/server.mjs:24886:3
  at ModuleJob.run (node:internal/modules/esm/module_job:198:25)
  at async Promise.all (index 0)
  at async ESMLoader.import (node:internal/modules/esm/loader:409:24)
  at async ./.output/server/chunks/handlers/renderer.mjs:11136:24
  at async ./.output/server/chunks/handlers/renderer.mjs:11192:64
  at async ./.output/server/node_modules/h3/dist/index.mjs:417:19

[danielroe]

I’m closing as there’s no reproduction. Feel free to provide it and I will reopen.

[dakt]

I have the same issue with Nuxt3 and Leaflet : [nuxt] [request error] window is not defined Are you using vue-leaflet or pure js leaflet ?

pure leaflet