package.json

@@ -20,6 +20,7 @@
     "@types/chrome": "^0.0.268",
     "typescript": "^5.5.4",
     "vite": "^5.4.2",
+    "vite-plugin-node-polyfills": "^0.27.0",
     "vitest": "^4"
   }
 }

vite.config.ts

@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite';
 import { crx } from '@crxjs/vite-plugin';
+import { nodePolyfills } from 'vite-plugin-node-polyfills';
 import manifest from './manifest.json';
 
 export default defineConfig({
@@ -10,6 +11,15 @@ export default defineConfig({
         injectCss: false,
       },
     }),
+    nodePolyfills({
+      include: ['buffer'],
+      globals: {
+        Buffer: true,
+        global: false,
+        process: false,
+      },
+      protocolImports: false,
+    }),
   ],
   resolve: {
     alias: {