Systematic SyntaxError: The requested module 'X' does not provide an export named 'Y' in App Preview (All Templates Broken)

Hello everyone,

I am using the Google AI Studio (web version) and have recently encountered a systematic error in the App Preview section. It is currently impossible for me to render any official template due to dependency issues.

The errors point to a general problem in the Studio’s build environment/dependency management, as the imported modules are not providing their named exports correctly.

Error Details

The error message is always similar, but affects different modules:

  1. Error: Missing Named Export (React Icons)

    Build Render started
    Build Render completed
    Error: "Uncaught SyntaxError: The requested module '@heroicons/react/24/outline' does not provide an export named 'CalculatorIcon'."
    
    
  2. Error: Missing Named Export (3D Library)

    Build Render started
    Build Render completed
    Error: "Uncaught SyntaxError: The requested module '@react-three/drei' does not provide an export named 'Box'"
    
    
  3. Error: Missing Default Export (React Core)

    Build Render started
    Build Render completed
    Error: "Uncaught SyntaxError: The requested module 'react' does not provide an export named 'default'."
    
    

Actions Taken (Workarounds)

I have tested all local workarounds without success:

  • Cleared browser cache and cookies (Google Chrome).

  • Tested in Incognito mode and a different browser.

  • Forced a re-render by making minor code changes.

System: Google Chrome Version 142.0.7444.176 (Official Build) (64-bit).

This error completely blocks the testing of the templates. Could the team please check the currently provided module versions in the build environment? It appears to be an issue with ES Module loading (Default vs. Named Exports).

Thank you!

1 Like

I am also having the same error occurring. It is driving me a little crazy!

1 Like

I’m completely on it, trying to figure out the fix. I’ll definitely let you know here as soon as I have a solution. Hang tight!

I switched from working on my desktop to my laptop (win11 → macbook pro) and the issue disappeared. So i believe it might be something in the browser that has the issue

Interesting. But I have also tried the previous version of Chrome and also quickly tested Firefox. The problem still persists. Perhaps Mac forces a different environment and thus different imports…

Problem solved! NordVPN was the issue! Even though the VPN was disabled, it still blocked the site as soon as the code was tested in the Preview pane in AI Studio. Completely unblock the site—it works!

It worked perfectly! Thanks!