petercat-assistant[bot]
commented
1 week ago The error you're encountering, ReferenceError: document is not defined, typically occurs when server-side code attempts to access the document object, which is only available in a browser environment. This is a common issue when using libraries like lottie-web that are designed to run in the browser but are being executed in a server-side context, such as with Next.js server-side rendering (SSR).
Recommendations to Resolve the Issue:
-
Conditional Import: Ensure that the
lottie-weblibrary is only imported and used in the client-side code. You can achieve this by using dynamic imports or conditional checks to ensure the code runs only in the browser. -
Dynamic Import: Use Next.js's dynamic import functionality to load the component only on the client-side:
import dynamic from 'next/dynamic'; const LottieComponent = dynamic(() => import('path-to-your-lottie-component'), { ssr: false }); -
Check for
windowordocument: Before usingdocument, check if it is defined:if (typeof document !== 'undefined') { // Your code that uses document } -
Update the Component: If you have control over the component using
lottie-web, ensure it checks for the existence ofdocumentbefore executing any code that relies on it. -
Review Documentation: Double-check the documentation for
lottie-weband Next.js to ensure compatibility and best practices for SSR.
Additional Context:
- The Python error related to the
botoclient and the fake region name might not directly impact this issue, but it's worth ensuring that all environment configurations are correctly set up to avoid any side effects.
If these suggestions do not resolve the issue, please provide more details about the specific usage of lottie-web in your codebase, and I can assist further.
For further assistance, please describe your question in the comments and @petercat-assistant to start a conversation with me.
AntiTopQuark
xingwanying
Describe the bug When
yarn run client, occupy ReferenceErrorTo Reproduce According to this doc : https://github.com/petercat-ai/petercat/blob/main/docs/guides/self_hosted_local_cn.md
Expected behavior Open Client's web page
Screenshots
Desktop (please complete the following information):
Additional context I encountered a Python error when executing yarn run server. I set a fake region name for the boto client. I don't know if it will have any impact.
