Application error: a client-side exception has occurred

[kk71]

Self Checks

• This is only for bug report, if you would like to ask a question, please head to Discussions.
• I have searched for existing issues search for existing issues, including closed ones.
• I confirm that I am using English to submit this report (我已阅读并同意 Language Policy).
• Please do not modify this template :) and fill in all the required fields.

Dify version

0.6.8

Cloud or Self Hosted

Self Hosted (Docker)

Steps to reproduce

1. Go to a chatbot for chatting
2. and select some document as context(such as a word doc)
3. ask the bot some questions, and the bot is responding.
4. ops the whole page is just cleared with only showing "Application error: a client-side exception has occurred (see the browser console for more information)." in the middle of it.
   

✔️ Expected Behavior

the bot continue responding to the end.

❌ Actual Behavior

the bot just stopped due to page scripts failure.

[dosubot]

To address the client-side exception you're encountering with the Dify chatbot, start by examining the browser console for specific error messages. These messages can offer clues about what's causing the script to fail. Ensure your Dify configuration is correct, particularly that the difyChatbotConfig object is properly set up and that the chatbotUrl is correctly defined.

Verify your Docker setup to ensure it's not restricting network access or interaction with Chrome's storage API, which could affect script execution. Also, review any CORS policies and Content Security Policies (CSP) that might be blocking requests to the chatbot URL from your domain.

Consider updating Dify to the latest version to benefit from any bug fixes or improvements. If problems persist, the specific error messages from the browser console will be crucial for further diagnosis.

For more detailed troubleshooting, refer to Dify's embed.js for embedding the chatbot and error.py for understanding potential exceptions.

Details

Sources

• Application error: a client-side exception has occurred (see the browser console for more information).
• 使用Dify.AI过程中总是出现 “应用程序错误：发生客户端异常（有关详细信息，请参阅浏览器控制台）”是怎么回事，怎么解决
• after Prview, rein this application ,got :Application error
• Completion Request Error
• web/public/embed.js
• [third-party/chrome plug-in/content.js](https://github.com/langgenius/dify/blob/main/third-party/chrome plug-in/content.js)
• api/controllers/web/error.py
• sdks/nodejs-client/index.js
• zh_CN/getting-started/install-self-hosted/docker-compose.md
• web/package.json
• docker/docker-compose.yaml
• docker/docker-compose.middleware.yaml
• en/getting-started/install-self-hosted/docker-compose.md
• web/app/components/share/chatbot/index.tsx
• .github/ISSUE_TEMPLATE/bug_report.yml
• api/controllers/console/app/error.py

About Dosu
This response is meant to be useful and save you time. It is not meant to be a precise solution, but rather a starting point for your own research.

Help me be more useful! Please leave a 👍 if this is helpful and 👎 if it is irrelevant.

To continue the conversation, mention @dosu.

[crazywoola]

Cant repro on the latest branch. And we can not infer what's going on based on limited information. Maybe you can provide more details regarding this issue.