Novu•3y ago

Troubleshooting In-App Notification Issues with Websockets

I got this question from one of our community members:

"I am trying to integrate In-App notifications in my applications. I have deployed novu in seperate VM. Triggering working fine.
But unable to get notification using socket
in browser console I am getting Error: websocket error."

Support•12/28/22, 3:17 PM

Thanks for posting, one of the @Moderator or @Support will address the matter as soon as possible

Pawan Jain•12/28/22, 3:20 PM

It means websocket is not running or not properly configured in notification center

ebm•12/28/22, 3:38 PM

I'm having a similar issue, "Invalid frame header"

ebm•12/28/22, 3:39 PM

this is a new issue, things were previously working and there are no changes that I am aware of on the novu configuration

Pawan Jain•12/28/22, 3:40 PM

Hi @ebm_3
You are also self hosting or using local env?

ebm•12/28/22, 3:41 PM

Hi @Pawan Jain local env

Pawan Jain•12/28/22, 4:05 PM

@ebm_3
could you please share more details or how to reproduce it.
I tested in local with latest nextnext branch. it is working fine for me

ebm•12/28/22, 4:07 PM

websocket.js:124 WebSocket connection to 'wss://ws.novu.co/socket.io/?token=SECRETSTUFF*&transport=websocket' failed: Invalid frame header
WS.doOpen @ websocket.js:124
Transport.open @ transport.js:84
Socket.open @ socket.js:250
Socket @ socket.js:122
Socket @ socket.js:28
Manager.open.Manager.connect @ manager.js:226
(anonymous) @ manager.js:544

ebm•12/28/22, 4:19 PM

I'm not sure what else I can give you to assist, I'm using a react app with local env variables for the subscriberId and applicationIdentifier

ebm•12/28/22, 4:19 PM

I've checked inside of my account, nothing is out of the ordinary there

ebm•12/28/22, 4:19 PM

I appreciate your help!

Pawan Jain•12/28/22, 4:32 PM

@Engineering

I see we have updated socket.io in this PR
https://github.com/novuhq/novu/pull/2223

On stackoverflow, I found that version mismatch on client and server can be issue for above error.
https://stackoverflow.com/questions/43526607/invalid-frame-header

We have mismatch socket version in latest next branch

WDYT??

Pawan Jain•12/28/22, 4:32 PM

PPawan Jain @Engineering I see we have updated socket.io in this PR https://github.com/no...

--•12/28/22, 4:50 PM

Let me do a quick PR.

dr.really•12/28/22, 6:45 PM

@paweltymczuk or @pablo.fernandez.otero does this fix the following error in v0.10?

TypeError: o.div is not a function
    at Object.<anonymous> (<redacted>\node_modules\.pnpm\@novu+notification-center@0.10.0_2zx2umvpluuhvlq44va5bta2da\node_modules\@novu\notification-center\src\components\notification-center\components\layout\header\Header.tsx:99:28)
    at Module._compile (node:internal/modules/cjs/loader:1159:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1213:10)
    at Module.load (node:internal/modules/cjs/loader:1037:32)
    at Function.Module._load (node:internal/modules/cjs/loader:878:12)
    at Module.require (node:internal/modules/cjs/loader:1061:19)
    at require (node:internal/modules/cjs/helpers:103:18)
    at Object.<anonymous> (D:\code\monorepo\firefly\apps\web\app\routes\__admin.tsx:7:30)
    at Module._compile (node:internal/modules/cjs/loader:1159:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1213:10)

TypeError: o.div is not a function
    at Object.<anonymous> (<redacted>\node_modules\.pnpm\@novu+notification-center@0.10.0_2zx2umvpluuhvlq44va5bta2da\node_modules\@novu\notification-center\src\components\notification-center\components\layout\header\Header.tsx:99:28)
    at Module._compile (node:internal/modules/cjs/loader:1159:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1213:10)
    at Module.load (node:internal/modules/cjs/loader:1037:32)
    at Function.Module._load (node:internal/modules/cjs/loader:878:12)
    at Module.require (node:internal/modules/cjs/loader:1061:19)
    at require (node:internal/modules/cjs/helpers:103:18)
    at Object.<anonymous> (D:\code\monorepo\firefly\apps\web\app\routes\__admin.tsx:7:30)
    at Module._compile (node:internal/modules/cjs/loader:1159:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1213:10)

Ddr.really @paweltymczuk or @pablo.fernandez.otero does this fix the following error in v0...

--•12/28/22, 7:23 PM

No, has nothing to do, but please open another support thread regarding this.

dr.really•12/28/22, 7:23 PM

Will do!

Tobias•12/19/23, 8:21 AM

@Emil did you solve your original issue with the websocket error? Facing the same and was not able to find a solution yet?

Novu_Bot•12/19/23, 8:21 AM

@Tobias, you just advanced to level 1!

TTobias @Emil did you solve your original issue with the websocket error? Facing the sam...

empeOP•12/19/23, 10:53 AM

Hey @Tobias! Well I have hard time recalling what was the fix.. Can you please open a new Support post in this channel and add all the details you can provide?

Tobias•12/19/23, 10:54 AM

Thanks, yeah i did, i will tag you there if that's ok

TTobias Thanks, yeah i did, i will tag you there if that's ok 🙂

empeOP•12/19/23, 10:55 AM

SUre

TypeError: o.div is not a function at Object.<anonymous> (<redacted>\node_modules\.pnpm\@novu+notification-center@0.10.0_2zx2umvpluuhvlq44va5bta2da\node_modules\@novu\notification-center\src\components\notification-center\components\layout\header\Header.tsx:99:28) at Module._compile (node:internal/modules/cjs/loader:1159:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1213:10) at Module.load (node:internal/modules/cjs/loader:1037:32) at Function.Module._load (node:internal/modules/cjs/loader:878:12) at Module.require (node:internal/modules/cjs/loader:1061:19) at require (node:internal/modules/cjs/helpers:103:18) at Object.<anonymous> (D:\code\monorepo\firefly\apps\web\app\routes\__admin.tsx:7:30) at Module._compile (node:internal/modules/cjs/loader:1159:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1213:10)

Troubleshooting In-App Notification Issues with Websockets

Similar Threads

Similar Threads

Similar Threads