We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Making an interactive spline scene work in hydrogen deploying on oxygen

Making an interactive spline scene work in hydrogen deploying on oxygen

NotaRobotDesign
Shopify Partner
1 0 0

I have been struggling relentlessly to find a solution or workaround to the problem of implementing my spline scene into my hydrogen website in a way that lets me programmatically interact with the scene in hydrogen. For example, being able to see if a specific object in the scene has been clicked. 

 

This is typically possible through a spline code export and use of splinetool/react-spline, which works with the local mini-oxygen environment. However, when deploying to oxygen, the build fails with:

│  Uncaught Error: EvalError: Code generation from strings disallowed for      │
│  this context                                                                │
│    at worker.mjs:10716:2892 in I                                             │
│    at worker.mjs:10716:3184                                                  │
│    at worker.mjs:10716:3567                                                  │
│    at worker.mjs:10702:29161                                                 │
│    at worker.mjs:10716:11348    

 

This is my first time developing with hydrogen and I'm a bit let down by the claim of runtime parity. There were no issues in the local oxygen environment. Had I known that i'd hit this issue when I came to deployment, I would have used a different framework.

 

Sorry to moan, just been grinding against this issue for days. Curious if anyone has encountered something similar or has insight into alternative approaches before I end up rebuilding my whole application in a different framework.

 

Replies 0 (0)