Frontend - Running error

[superVicc]

Self Checks

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

Dify version

0.6.6

Cloud or Self Hosted

Self Hosted (Docker)

Steps to reproduce

and

✔️ Expected Behavior

No response

❌ Actual Behavior

No response

[dosubot[bot]]

To tackle the TypeError: Cannot read properties of undefined (reading 'call') and the error in AppCard.tsx at line 272, here are focused steps to address these issues:

1. Safely Access Properties: Use optional chaining (?.) to prevent accessing properties on undefined. For example, const length = myObject?.myArray?.length;.

2. Review and Update Dependencies: Ensure all project dependencies are up-to-date and compatible. Use npm update to update dependencies.

3. Check Dynamic Imports and Webpack Configuration: Verify dynamic imports are correctly used, e.g., const MyComponent = React.lazy(() => import('./MyComponent'));. Also, review your Webpack configuration for potential issues, especially if you're customizing it through next.config.js.

4. Implement Error Boundaries: Use React error boundaries to catch and manage errors in component trees gracefully.

5. Docker Configuration: Make sure your Docker setup doesn't omit necessary files or configurations needed for your React app.

For the specific error in AppCard.tsx, ensure props.onClick is a function before invoking it:

if (typeof props.onClick === 'function') {
  props.onClick();
}

These steps should help mitigate the issues you're encountering. If the problem persists, providing more details like full error messages and stack traces would be beneficial for further diagnosis.

Details

Sources

• web/package.json
• web/app/(commonLayout)/apps/AppCard.tsx
• web/next.config.js
• docker/docker-compose.yaml
• zh_CN/getting-started/install-self-hosted/docker-compose.md
• .devcontainer/devcontainer.json
• en/getting-started/install-self-hosted/docker-compose.md
• en/getting-started/install-self-hosted/install-faq.md
• api/controllers/console/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.

[patryk20120]

What version of node do you use?

[superVicc]

What version of node do you use?

v20.12.2

[JohnJyong]

@superVicc pls check your local postgresql , the table : 'tags' and 'tag_bindings' are exist or not , thanks