Trying to build a browser extension that can send transactions to MetaMask for a signature + broadcast, getting a "Failed to execute 'importScripts' on 'WorkerGlobalScope'" error

[smilingkylan]

Based on my research, there's no direct way to disable viem's dynamic module loading. This is a fundamental architectural decision in viem to optimize bundle size by loading ABI encoding/decoding modules on-demand.

Here's what I found:

Why This Happens

1. Viem's Architecture: Viem uses code-splitting to keep the initial bundle size small. ABI encoding/decoding modules are loaded dynamically when needed.
2. Chrome Extension Restrictions: Chrome extensions have strict Content Security Policies that block:

• Dynamic importScripts() in service workers
• Dynamic import() statements
• Web Workers from loading external scripts

No Configuration Option

Unfortunately, viem doesn't provide a configuration option to:

• Pre-bundle all modules
• Disable dynamic imports
• Use a different encoding strategy

I guess my question is whether there is any way around this? You cannot do dynamic imports within a browser extension but I'd still like to simulate the contract. Any advice would be appreciated.