Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Application error: a client-side exception has occurred (see the browser console for more information). #11438

Closed
5 tasks done
fniu opened this issue Dec 6, 2024 · 10 comments
Closed
5 tasks done
Assignees
Labels
🐞 bug Something isn't working 🤔 cant-reproduce We can not reproduce it or the information is limited cloud When the version is cloud and it is a bug report

Comments

@fniu
Copy link

fniu commented Dec 6, 2024

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).
  • [FOR CHINESE USERS] 请务必使用英文提交 Issue,否则会被关闭。谢谢!:)
  • Please do not modify this template :) and fill in all the required fields.

Dify version

0.13.1

Cloud or Self Hosted

Cloud

Steps to reproduce

A simple workflow to call an LLM.

✔️ Expected Behavior

Run normally.

❌ Actual Behavior

Application error: a client-side exception has occurred (see the browser console for more information).

image

@dosubot dosubot bot added cloud When the version is cloud and it is a bug report 🐞 bug Something isn't working labels Dec 6, 2024
Copy link

dosubot bot commented Dec 6, 2024

I found a similar unsolved discussion regarding a client-side exception in the Dify repository. You can view it here [1].

Regarding the issue you're experiencing, it seems to be related to Content Security Policy (CSP) violations and a TypeError involving the _dfy_model_identity property. Dify handles CSP by setting a CSP header in the middleware, which includes a whitelist of domains. This can be configured using the NEXT_PUBLIC_CSP_WHITELIST environment variable in production. The necessary domains for CSP include Google Analytics-related domains [2].

The TypeError you're encountering, which involves reading properties of null, might be due to attempting to access a property on an object that is not properly initialized or is null. This is a common cause of TypeError in the Dify codebase [3].

To address these issues, you might want to:

  1. Check the CSP configuration to ensure that all necessary domains are included in the whitelist.
  2. Investigate the initialization of objects related to _dfy_model_identity to ensure they are not null before accessing their properties.

These steps could help resolve the client-side exceptions you're facing.

To continue talking to Dosu, mention @dosu.


Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Other

@Ellioben
Copy link

Ellioben commented Dec 7, 2024

SAME Bug! How to Fix it? bro😀😀

@crazywoola
Copy link
Member

crazywoola commented Dec 7, 2024

Can you provide the reproduceable steps?

image

@crazywoola crazywoola added the 🤔 cant-reproduce We can not reproduce it or the information is limited label Dec 7, 2024
@fniu
Copy link
Author

fniu commented Dec 7, 2024

I think it has something to do with the (optional) input field. I have an example (attached yml DSL) that reproduce the error. In this example, the error is gone, if you remove the optional input from workflow or make sure the optional input is not empty.

You can try with any text as the input and leave the optional input empty.

app_error.txt

@crazywoola
Copy link
Member

I think it has something to do with the (optional) input field. I have an example (attached yml DSL) that reproduce the error. In this example, the error is gone, if you remove the optional input from workflow or make sure the optional input is not empty.

You can try with any text as the input and leave the optional input empty.

app_error.txt

I tried both empty and not empty, still can not reproduce this error.
·

@jpgsns
Copy link

jpgsns commented Dec 7, 2024

Same thing here when i try to see the outputs of a Model step.

Captura de Tela 2024-12-07 às 15 37 41

@correlli
Copy link

correlli commented Dec 8, 2024

I only experience this when I open the trace log of Extractin Parameter block.
It says client-side but does it so?

@JzoNgKVO
Copy link
Collaborator

JzoNgKVO commented Dec 9, 2024

Fixed in #11432

@correlli
Copy link

correlli commented Dec 9, 2024

Still, I get this error only for the Extracting Parameter block.

@JzoNgKVO
Copy link
Collaborator

JzoNgKVO commented Dec 9, 2024

Still, I get this error only for the Extracting Parameter block.

Today's new release will include PR #11438 . The new version has not been released yet.

@linear linear bot closed this as completed Dec 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐞 bug Something isn't working 🤔 cant-reproduce We can not reproduce it or the information is limited cloud When the version is cloud and it is a bug report
Projects
None yet
Development

No branches or pull requests

6 participants