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:
-
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'." -
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'" -
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!
