hostless lottie component seems to cause project error

Developer Support
1

I’m getting an error in my project after I added the hostless lottie and lottie async components to my project.

In production, the ”lottie” page with the lottie components (only things on the page) returns a 500 Internal Server Error. Using npm run dev, it’s showing this error:

Rendering error 
PLASMIC: Encountered error when pre-rendering PlasmicComponent: Error: PLASMIC: Failed to load render__5M49luM_NpTU.js: ReferenceError: document is not defined
Error: PLASMIC: Failed to load render__5M49luM_NpTU.js: ReferenceError: document is not defined
    at ignore-listed frames
 ⨯ Error: PLASMIC: Failed to load render__5M49luM_NpTU.js: ReferenceError: document is not defined
    at ignore-listed frames
 ⨯ Error: PLASMIC: Failed to load render__5M49luM_NpTU.js: ReferenceError: document is not defined
    at ignore-listed frames {
  page: '/lottie'
}
 GET /lottie 500 in 75ms (compile: 65ms, render: 10ms)

Even on the homepage (a page with no lottie components), I’m now seeing this error:

image
image688×210 14.2 KB

2

Hi @leafer_design, could you please confirm whether you’re using the loader or codegen?

3

I’m using loader

4

Hey @leafer_design, I just loaded your project locally using the Plasmic Loader and everything worked fine on my end. Could you please share your loader configuration and let me know if you’ve overridden anything locally in your setup?

Also, just to double-check, can you try creating a fresh local project for this and see if it works there as well?