N8n/chat npm - chat input not showing

[Abdul_Munafir]

The n8n self-hosted platform is what I’m working on.

I integrated this into my Vue application using n8n/chat npm. However, I am unable to see the input portion of the Vue application when I load it within.

I’ve provided what I can see in the console.

I changed a few things after this issue arose and I looked over your earlier entries.

1. Workflow is active, as verified by checking.
2. Verified whether web socket was enabled in the environment variable n8n.
3. To determine whether this was a vue issue, I used CDN embed.

It works well inside the n8n (self hosted).

But without resolving this issue, I am unable to proceed. When I chat using other apps, this doesn’t work.

I hope you can help me.

[mohamed3nan]

Hello @Abdul_Munafir Welcome to n8n community

The first things to check are:

1. Whether the workflow is active.
2. Whether the webhook URL is working and accessible—this helps us find the starting point to debug the issue.

I checked the URL, and it seems to be inaccessible. Could you take a look?

[Abdul_Munafir]

Sure.

I think CORS is blocking this. Let me check and make sure.