langgenius/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-07-21 20:15:31 -04:00
Code Issues 775 Packages Projects Releases 10 Wiki Activity

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

New Issue
Closed
opened 2026-02-21 18:26:01 -05:00 by yindo · 3 comments
yindo commented 2026-02-21 18:26:01 -05:00
Owner
Copy Link
Copy Source

Originally created by @JustInterestX on GitHub (Feb 21, 2025).

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.15.3

Cloud or Self Hosted

Self Hosted (Docker)

Steps to reproduce

  • I embedded Dify application into my Vue project using an iframe chat method. The code is as follows:
<template>
  <div class="dify-container">
    <iframe
      :src="chatbotUrl"
      :style="iframeStyle"
      frameborder="0"
      allow="microphone"
    ></iframe>
  </div>
</template>

<script>

export default {
  name: 'DifyChat',
  data() {
    return {
      chatbotUrl: 'http://localhost/chatbot/vaIPtW3YcvBVIL5u',
      iframeStyle: {
        width: '100%',
        height: '100%',
        minHeight: '600px',
        zIndex: '999'
      }
    }
  }
}
</script>

<style scoped>
.dify-container {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 380px;
  height: 600px;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  background: #fff;
}
</style>
  • When I initiate the first conversation, the embedded Dify application works properly.

Image

  • However, when I refresh the page, navigate to other pages, or close and reopen the current page, the Dify application stops working and displays the following message:

Image

  • Additionally, the browser console reports an error:
TypeError: (0 , g.getPrevChatList) is not a function
    at page-98fe2eb27f70b868.js:1:1871
    at Object.lt [as useMemo] (fd9d1056-014bed05f3bb9932.js:1:46775)
    at t.useMemo (2117-facb83e7cbe5e185.js:2:31810)
    at y (page-98fe2eb27f70b868.js:1:1811)
    at J (page-98fe2eb27f70b868.js:1:18317)
    at rE (fd9d1056-014bed05f3bb9932.js:1:40344)
    at l$ (fd9d1056-014bed05f3bb9932.js:1:59319)
    at iZ (fd9d1056-014bed05f3bb9932.js:1:117926)
    at ia (fd9d1056-014bed05f3bb9932.js:1:95165)
    at fd9d1056-014bed05f3bb9932.js:1:94987
window.console.error @ 2117-facb83e7cbe5e185.js:1
l_ @ fd9d1056-014bed05f3bb9932.js:1
n.callback @ fd9d1056-014bed05f3bb9932.js:1
nB @ fd9d1056-014bed05f3bb9932.js:1
nV @ fd9d1056-014bed05f3bb9932.js:1
aq @ fd9d1056-014bed05f3bb9932.js:1
aY @ fd9d1056-014bed05f3bb9932.js:1
a9 @ fd9d1056-014bed05f3bb9932.js:1
aY @ fd9d1056-014bed05f3bb9932.js:1
a9 @ fd9d1056-014bed05f3bb9932.js:1
aY @ fd9d1056-014bed05f3bb9932.js:1
a9 @ fd9d1056-014bed05f3bb9932.js:1
aY @ fd9d1056-014bed05f3bb9932.js:1
a9 @ fd9d1056-014bed05f3bb9932.js:1
aY @ fd9d1056-014bed05f3bb9932.js:1
a9 @ fd9d1056-014bed05f3bb9932.js:1
aY @ fd9d1056-014bed05f3bb9932.js:1
a9 @ fd9d1056-014bed05f3bb9932.js:1
aY @ fd9d1056-014bed05f3bb9932.js:1
a9 @ fd9d1056-014bed05f3bb9932.js:1
aY @ fd9d1056-014bed05f3bb9932.js:1
a9 @ fd9d1056-014bed05f3bb9932.js:1
aY @ fd9d1056-014bed05f3bb9932.js:1
(anonymous) @ fd9d1056-014bed05f3bb9932.js:1
is @ fd9d1056-014bed05f3bb9932.js:1
nb @ fd9d1056-014bed05f3bb9932.js:1
nw @ fd9d1056-014bed05f3bb9932.js:1
(anonymous) @ fd9d1056-014bed05f3bb9932.js:1Understand this errorAI
  • When I delete the conversation on the page where the Dify application is running and then refresh the page,

Image

Image

  • the embedded Dify application works properly again:

Image

✔️ Expected Behavior

No response

❌ Actual Behavior

No response

Originally created by @JustInterestX on GitHub (Feb 21, 2025). ### Self Checks - [x] This is only for bug report, if you would like to ask a question, please head to [Discussions](https://github.com/langgenius/dify/discussions/categories/general). - [x] I have searched for existing issues [search for existing issues](https://github.com/langgenius/dify/issues), including closed ones. - [x] I confirm that I am using English to submit this report (我已阅读并同意 [Language Policy](https://github.com/langgenius/dify/issues/1542)). - [x] [FOR CHINESE USERS] 请务必使用英文提交 Issue，否则会被关闭。谢谢！:） - [x] Please do not modify this template :) and fill in all the required fields. ### Dify version 0.15.3 ### Cloud or Self Hosted Self Hosted (Docker) ### Steps to reproduce - **I embedded Dify application into my Vue project using an iframe chat method. The code is as follows:** ``` <template> <div class="dify-container"> <iframe :src="chatbotUrl" :style="iframeStyle" frameborder="0" allow="microphone" ></iframe> </div> </template> <script> export default { name: 'DifyChat', data() { return { chatbotUrl: 'http://localhost/chatbot/vaIPtW3YcvBVIL5u', iframeStyle: { width: '100%', height: '100%', minHeight: '600px', zIndex: '999' } } } } </script> <style scoped> .dify-container { position: fixed; right: 20px; bottom: 20px; width: 380px; height: 600px; border-radius: 8px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15); overflow: hidden; background: #fff; } </style> ``` - **When I initiate the first conversation, the embedded Dify application works properly.** ![Image](https://github.com/user-attachments/assets/d1e4c922-7300-4a5d-bb93-9e61cc8d65d1) - **However, when I refresh the page, navigate to other pages, or close and reopen the current page, the Dify application stops working and displays the following message:** ![Image](https://github.com/user-attachments/assets/56a611d1-573f-4947-9d20-997b93e0c6e0) - **Additionally, the browser console reports an error:** ``` TypeError: (0 , g.getPrevChatList) is not a function at page-98fe2eb27f70b868.js:1:1871 at Object.lt [as useMemo] (fd9d1056-014bed05f3bb9932.js:1:46775) at t.useMemo (2117-facb83e7cbe5e185.js:2:31810) at y (page-98fe2eb27f70b868.js:1:1811) at J (page-98fe2eb27f70b868.js:1:18317) at rE (fd9d1056-014bed05f3bb9932.js:1:40344) at l$ (fd9d1056-014bed05f3bb9932.js:1:59319) at iZ (fd9d1056-014bed05f3bb9932.js:1:117926) at ia (fd9d1056-014bed05f3bb9932.js:1:95165) at fd9d1056-014bed05f3bb9932.js:1:94987 window.console.error @ 2117-facb83e7cbe5e185.js:1 l_ @ fd9d1056-014bed05f3bb9932.js:1 n.callback @ fd9d1056-014bed05f3bb9932.js:1 nB @ fd9d1056-014bed05f3bb9932.js:1 nV @ fd9d1056-014bed05f3bb9932.js:1 aq @ fd9d1056-014bed05f3bb9932.js:1 aY @ fd9d1056-014bed05f3bb9932.js:1 a9 @ fd9d1056-014bed05f3bb9932.js:1 aY @ fd9d1056-014bed05f3bb9932.js:1 a9 @ fd9d1056-014bed05f3bb9932.js:1 aY @ fd9d1056-014bed05f3bb9932.js:1 a9 @ fd9d1056-014bed05f3bb9932.js:1 aY @ fd9d1056-014bed05f3bb9932.js:1 a9 @ fd9d1056-014bed05f3bb9932.js:1 aY @ fd9d1056-014bed05f3bb9932.js:1 a9 @ fd9d1056-014bed05f3bb9932.js:1 aY @ fd9d1056-014bed05f3bb9932.js:1 a9 @ fd9d1056-014bed05f3bb9932.js:1 aY @ fd9d1056-014bed05f3bb9932.js:1 a9 @ fd9d1056-014bed05f3bb9932.js:1 aY @ fd9d1056-014bed05f3bb9932.js:1 a9 @ fd9d1056-014bed05f3bb9932.js:1 aY @ fd9d1056-014bed05f3bb9932.js:1 (anonymous) @ fd9d1056-014bed05f3bb9932.js:1 is @ fd9d1056-014bed05f3bb9932.js:1 nb @ fd9d1056-014bed05f3bb9932.js:1 nw @ fd9d1056-014bed05f3bb9932.js:1 (anonymous) @ fd9d1056-014bed05f3bb9932.js:1Understand this errorAI ``` - **When I delete the conversation on the page where the Dify application is running and then refresh the page,** ![Image](https://github.com/user-attachments/assets/138bb337-c55f-4eab-984c-6499625c7fbc) ![Image](https://github.com/user-attachments/assets/8e665237-06d1-4d1d-80fb-252207df2d49) - **the embedded Dify application works properly again:** ![Image](https://github.com/user-attachments/assets/481ab394-98c6-40e4-92c2-f8ebb6ac956b) ### ✔️ Expected Behavior _No response_ ### ❌ Actual Behavior _No response_
yindo added the 🐞 bug label 2026-02-21 18:26:01 -05:00
yindo closed this issue 2026-02-21 18:26:01 -05:00
yindo commented 2026-02-21 18:26:02 -05:00
Author
Owner
Copy Link
Copy Source

@dosubot[bot] commented on GitHub (Feb 21, 2025):

Hello @JustInterestX! I'm here to assist you with any bugs, questions, or contributions related to the iFrame Chat application. Let's work together to resolve the issue you're facing.

There are similar issues related to the "TypeError: (0 , g.getPrevChatList) is not a function" error in Dify version 0.15.3. This error occurs because the getPrevChatList function was removed during code refactoring, leading to client-side exceptions when the page is refreshed or navigated away from [1][2].

To resolve this issue, you have a couple of options:

  1. Temporary Workaround: Clear your browser cookies. This can temporarily resolve the error and allow the application to function correctly until a permanent fix is applied.

  2. Permanent Fix: The issue has been addressed in pull request #13383. You will need to wait for a new Docker image release that includes this fix. If you are using a self-hosted instance via Docker, you can manually build the latest source code that includes the fix by following these steps:

    • Clone the Dify repository.
    • Checkout the specific commit or pull request containing the fix.
    • Navigate to the docker directory within the Dify repository.
    • Update your local .env file if necessary.
    • Run the following commands:
      • docker compose down
      • docker compose pull
      • docker compose up -d
    • Verify all containers are running correctly using docker compose ps [3].

These steps should help you resolve the issue with the embedded Dify application in your Vue project.

To continue talking to Dosu, mention @dosu.

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

@dosubot[bot] commented on GitHub (Feb 21, 2025): <!-- Greeting --> Hello @JustInterestX! I'm here to assist you with any bugs, questions, or contributions related to the iFrame Chat application. Let's work together to resolve the issue you're facing. <!-- Answer --> There are similar issues related to the "TypeError: (0 , g.getPrevChatList) is not a function" error in Dify version 0.15.3. This error occurs because the `getPrevChatList` function was removed during code refactoring, leading to client-side exceptions when the page is refreshed or navigated away from <sup>[[1]](https://github.com/langgenius/dify/issues/14005)</sup><sup>[[2]](https://github.com/langgenius/dify/issues/13388)</sup>. To resolve this issue, you have a couple of options: 1. **Temporary Workaround**: Clear your browser cookies. This can temporarily resolve the error and allow the application to function correctly until a permanent fix is applied. 2. **Permanent Fix**: The issue has been addressed in pull request #13383. You will need to wait for a new Docker image release that includes this fix. If you are using a self-hosted instance via Docker, you can manually build the latest source code that includes the fix by following these steps: - Clone the Dify repository. - Checkout the specific commit or pull request containing the fix. - Navigate to the docker directory within the Dify repository. - Update your local .env file if necessary. - Run the following commands: - `docker compose down` - `docker compose pull` - `docker compose up -d` - Verify all containers are running correctly using `docker compose ps` <sup>[[3]](https://github.com/langgenius/dify/issues/13926)</sup>. These steps should help you resolve the issue with the embedded Dify application in your Vue project. <!-- Dosu Comment Footer --> *To continue talking to [Dosu](https://dosu.dev), mention @dosu.* --- <sup>Help Dosu learn! Give it feedback: [Great Response](https://app.dosu.dev/response-feedback/1348412e-a8e1-4232-bba2-6542b1ab01f1?feedback_type=great_response) | [Irrelevant Answer](https://app.dosu.dev/response-feedback/1348412e-a8e1-4232-bba2-6542b1ab01f1?feedback_type=irrelevant_answer) | [Incorrect Sources](https://app.dosu.dev/response-feedback/1348412e-a8e1-4232-bba2-6542b1ab01f1?feedback_type=incorrect_sources) | [Too Verbose](https://app.dosu.dev/response-feedback/1348412e-a8e1-4232-bba2-6542b1ab01f1?feedback_type=too_verbose) | [Hallucination](https://app.dosu.dev/response-feedback/1348412e-a8e1-4232-bba2-6542b1ab01f1?feedback_type=hallucination) | [Bug Report](https://app.dosu.dev/response-feedback/1348412e-a8e1-4232-bba2-6542b1ab01f1?feedback_type=bug_report) | [Other](https://app.dosu.dev/response-feedback/1348412e-a8e1-4232-bba2-6542b1ab01f1?feedback_type=other)</sup>
yindo commented 2026-02-21 18:26:02 -05:00
Author
Owner
Copy Link
Copy Source

@crazywoola commented on GitHub (Feb 21, 2025):

Duplicated https://github.com/langgenius/dify/issues/14005

For temporary solution, please read this https://github.com/langgenius/dify/issues/14129#issuecomment-2673183080

Please read this:

I have searched for existing issues search for existing issues, including closed ones.

@crazywoola commented on GitHub (Feb 21, 2025): Duplicated https://github.com/langgenius/dify/issues/14005 For temporary solution, please read this https://github.com/langgenius/dify/issues/14129#issuecomment-2673183080 Please read this: I have searched for existing issues [search for existing issues](https://github.com/langgenius/dify/issues), including closed ones.
yindo commented 2026-02-21 18:26:02 -05:00
Author
Owner
Copy Link
Copy Source

@JustInterestX commented on GitHub (Feb 23, 2025):

Hello @JustInterestX! I'm here to assist you with any bugs, questions, or contributions related to the iFrame Chat application. Let's work together to resolve the issue you're facing.

There are similar issues related to the "TypeError: (0 , g.getPrevChatList) is not a function" error in Dify version 0.15.3. This error occurs because the getPrevChatList function was removed during code refactoring, leading to client-side exceptions when the page is refreshed or navigated away from [1][2].

To resolve this issue, you have a couple of options:

  1. Temporary Workaround: Clear your browser cookies. This can temporarily resolve the error and allow the application to function correctly until a permanent fix is applied.

  2. Permanent Fix: The issue has been addressed in pull request fix: build failed due to getPrevChatList no longer exists #13383. You will need to wait for a new Docker image release that includes this fix. If you are using a self-hosted instance via Docker, you can manually build the latest source code that includes the fix by following these steps:

    • Clone the Dify repository.

    • Checkout the specific commit or pull request containing the fix.

    • Navigate to the docker directory within the Dify repository.

    • Update your local .env file if necessary.

    • Run the following commands:

      • docker compose down
      • docker compose pull
      • docker compose up -d

    • Verify all containers are running correctly using docker compose ps [3].

These steps should help you resolve the issue with the embedded Dify application in your Vue project.

To continue talking to Dosu, mention @dosu.

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

According to your advice, I opened dify\docker\docker-compose.yaml, and changed image: langgenius/dify-web:0.15.3 to image: langgenius/dify-web:release-0.15.3-fix1, then Run the following commands:

> docker compose down
> docker compose pull
> docker compose up -d

Finally, it works! Thanks for your helping! Bug free!

@JustInterestX commented on GitHub (Feb 23, 2025): > Hello [@JustInterestX](https://github.com/JustInterestX)! I'm here to assist you with any bugs, questions, or contributions related to the iFrame Chat application. Let's work together to resolve the issue you're facing. > > There are similar issues related to the "TypeError: (0 , g.getPrevChatList) is not a function" error in Dify version 0.15.3. This error occurs because the `getPrevChatList` function was removed during code refactoring, leading to client-side exceptions when the page is refreshed or navigated away from [[1]](https://github.com/langgenius/dify/issues/14005)[[2]](https://github.com/langgenius/dify/issues/13388). > > To resolve this issue, you have a couple of options: > > 1. **Temporary Workaround**: Clear your browser cookies. This can temporarily resolve the error and allow the application to function correctly until a permanent fix is applied. > 2. **Permanent Fix**: The issue has been addressed in pull request [fix: build failed due to `getPrevChatList` no longer exists #13383](https://github.com/langgenius/dify/pull/13383). You will need to wait for a new Docker image release that includes this fix. If you are using a self-hosted instance via Docker, you can manually build the latest source code that includes the fix by following these steps: > > * Clone the Dify repository. > * Checkout the specific commit or pull request containing the fix. > * Navigate to the docker directory within the Dify repository. > * Update your local .env file if necessary. > * Run the following commands: > > * `docker compose down` > * `docker compose pull` > * `docker compose up -d` > * Verify all containers are running correctly using `docker compose ps` [[3]](https://github.com/langgenius/dify/issues/13926). > > These steps should help you resolve the issue with the embedded Dify application in your Vue project. > > _To continue talking to [Dosu](https://dosu.dev), mention [@dosu](https://github.com/dosu)._ > > Help Dosu learn! Give it feedback: [Great Response](https://app.dosu.dev/response-feedback/1348412e-a8e1-4232-bba2-6542b1ab01f1?feedback_type=great_response) | [Irrelevant Answer](https://app.dosu.dev/response-feedback/1348412e-a8e1-4232-bba2-6542b1ab01f1?feedback_type=irrelevant_answer) | [Incorrect Sources](https://app.dosu.dev/response-feedback/1348412e-a8e1-4232-bba2-6542b1ab01f1?feedback_type=incorrect_sources) | [Too Verbose](https://app.dosu.dev/response-feedback/1348412e-a8e1-4232-bba2-6542b1ab01f1?feedback_type=too_verbose) | [Hallucination](https://app.dosu.dev/response-feedback/1348412e-a8e1-4232-bba2-6542b1ab01f1?feedback_type=hallucination) | [Bug Report](https://app.dosu.dev/response-feedback/1348412e-a8e1-4232-bba2-6542b1ab01f1?feedback_type=bug_report) | [Other](https://app.dosu.dev/response-feedback/1348412e-a8e1-4232-bba2-6542b1ab01f1?feedback_type=other) According to your advice, I opened `dify\docker\docker-compose.yaml`, and changed `image: langgenius/dify-web:0.15.3` to `image: langgenius/dify-web:release-0.15.3-fix1`, then Run the following commands: ``` > docker compose down > docker compose pull > docker compose up -d ``` Finally, it works! Thanks for your helping! Bug free!
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
Knowledge Pipeline
Proposal
WIP
cloud
dependencies
feat:webapp
good first issue
outdated
performance
pull-request
Mirrored from GitHub Pull Request
 python:uv
refactor
size:L
stale
status: accepting prs
status: blocked
status: in discussion
stt & tts
vulnerablity
web
wont-fix
🌊 feat:workflow
🌚 invalid
🐞 bug
👻 feat:rag
💪 enhancement
📚 documentation
🔨 feat:tools
🙋‍♂️ question
🙏 help wanted
🤔 cant-reproduce
🤖 feat:agent
No Label 🐞 bug
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
yindo
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: langgenius/dify#8500
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?