How to fix the ReferenceError: global is not defined error in SvelteKit/Vite

• vite

  849 67,629 9.8 TypeScript

  Next generation frontend tooling. It's fast!

  

  SvelteKit uses Vite as its build tool which is great because Vite pre-bundles dependencies using esbuild which is really really fast. But by default, Vite doesn't include shims for NodeJS variables so these need to be added by the user.

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

• Dragula

  8 22,011 3.7 JavaScript

  :ok_hand: Drag and drop so simple it hurts

  https://github.com/vitejs/vite/issues/2778 https://github.com/vitejs/vite/issues/728 https://github.com/bevacqua/dragula/issues/602 https://kit.svelte.dev/faq#aliases

• SvelteKit

  628 18,520 9.7 JavaScript

  web development, streamlined (by sveltejs)

  

  I spent hours trying to figure this out and it was really difficult to find the exact information on the web since this error message is very similar to an Angular issue. However, the Angular solution is useless for SvelteKit so, I thought I'd put this post together.

• esbuild

  338 37,999 9.3 Go

  An extremely fast bundler for the web

  SvelteKit uses Vite as its build tool which is great because Vite pre-bundles dependencies using esbuild which is really really fast. But by default, Vite doesn't include shims for NodeJS variables so these need to be added by the user.

• Angular

  743 95,929 10.0 TypeScript

  Deliver web apps with confidence 🚀

  

  I spent hours trying to figure this out and it was really difficult to find the exact information on the web since this error message is very similar to an Angular issue. However, the Angular solution is useless for SvelteKit so, I thought I'd put this post together.

Suggest a related project