Getting error while deploying our Vue 3 app which uses @Novu/notification-center-vue | Novu | Page 1

chrome root Mar 10, 2023, 3:19 AM

#

We are getting error while deploying our Vue 3 app which uses @mystic badger/notification-center-vue to show the notifications. Someone please help us to resolve it. Following is the error log:

254#34 8.415 ERR_PNPM_NO_OFFLINE_TARBALL A package is missing from the store but cannot download it in offline mode. The missing package may be downloaded from https://github.com/LetItRock/floating-vue/raw/main/packages/floating-vue/floating-vue-2.0.0-beta.21.tgz.
255#34 ERROR: executor failed running [/bin/sh -c pnpm install -r --frozen-lockfile --shamefully-hoist --offline]: exit code: 1

full ledge Mar 10, 2023, 6:22 AM

#

hi @chrome root
where are you deploying.
We deployed on vercel recently, We did not face any error

chrome root Mar 10, 2023, 6:43 AM

#

Hi @full ledge
We are trying deployment on https://fly.io/

mystic badgerBOT Mar 10, 2023, 6:43 AM

#

@chrome root, you just advanced to level 1!

chrome root Mar 10, 2023, 6:44 AM

#

That's where our app deployed

torpid lagoon Mar 10, 2023, 6:58 AM

#

My suggestion here is that you try to reinstall the packages. Feels like your internet might have tripped during the installation this the NO OFFLINE error. @chrome root

#

For reference, this is an example vue 3 app using the notification center vue. https://github.com/unicodeveloper/auth0-novu-vue/tree/main/client. You might want to try installing it too to just to be sure.

chrome root Mar 10, 2023, 7:07 AM

#

I think this is what causing the issue

#

The floating-vue package used in @mystic badger/notificaiton-center-vue is a forked version of floating-vue

#

We've tried replacing it with original version of floating-vue, the deployment was success without any error

#

Could someone from <@&986249240693080067> team replace this package dependancy for @mystic badger/notificaion-center-vue ?

torpid lagoon Mar 10, 2023, 8:03 AM

#

chrome root I think this is what causing the issue

I'm certain there's a good reason why this forked version is used here. However, I'll let @frosty grail comment on this when he's available.

frosty grail Mar 10, 2023, 8:24 AM

#

@chrome root if you are facing any issues downloading that package it might be because ISP is blocking it: #1060460704160825354 message

the forked version of that library has a fix without which the notification center popover won't work...

#

the original library is not maintained 😦

chrome root Mar 10, 2023, 8:24 AM

#

For your information @frosty grail

full ledge Mar 10, 2023, 8:27 AM

#

Can you please retry after changing your internet connection.
Mobile data to wifi or wifi to mobile data or to different operator

chrome root Mar 10, 2023, 8:38 AM

#

This is recorded on the deployed version of the app where notification is working without any issue with the floating-vue version replaced with original package

frosty grail Mar 10, 2023, 8:49 AM

#

@chrome root it works visually...
But the problem is that the component is mounted every time you do open it, so it's not preserving it's internal state. If you open the network tab you will see that the session is initialized on every open and all the requests are fetched. This is not optimal and the forked version has a fix for that.
We might consider pushing that forked version to npm.

chrome root Mar 10, 2023, 8:51 AM

#

Got it, I've checked the PR you've raised for the issue. Please consider pushing forked version to npm and use that in @mystic badger/notification-center-vue so the ISP blocking issue won't be there

#

Thank you in advance

frosty grail Mar 10, 2023, 8:53 AM

#

sorry about the troubles 🙂 cc @sweet ermine

chrome root Mar 10, 2023, 8:56 AM

#

@frosty grail Shall we expect the new version of @mystic badger/notificaiton-center-vue with forked version of floating-vue used as npm package

frosty grail Mar 10, 2023, 9:06 AM

#

chrome root <@316630203596013571> Shall we expect the new version of <@986248329707020298>/...

I'll talk about that with the team at Monday and let you know. The original lib is MIT so there should be no problems with code distribution.
We saw a couple of times the similar issues with that tarball, so I feel like that is the only appropriate way to go.

chrome root Mar 10, 2023, 9:08 AM

#

Thank you @frosty grail

mystic badgerBOT Mar 10, 2023, 9:08 AM

#

@chrome root, you just advanced to level 2!

chrome root Mar 13, 2023, 7:29 PM

#

Hi @frosty grail Any update on releasing new version of @mystic badger/notificaiton-center-vue?

frosty grail Mar 15, 2023, 11:54 AM

#

@chrome root hey, we've decided to publish our own fork of floating-vue... but can't say when it will happen...

chrome root Mar 15, 2023, 12:01 PM

#

Hi @frosty grail thank you for the update. But we'll be eagerly waiting for the new release of the Vue component with forked version of floating-vue used.

frosty grail Mar 20, 2023, 5:16 PM

#

hey, @chrome root! I've created the PR for this change: https://github.com/novuhq/novu/pull/3057
we hope to release it by the end of this week 😉

chrome root Mar 26, 2023, 8:10 AM

#

Hi @frosty grail Thank you so much for the update. We'll definitely use the new version.

#

Hey, We're trying to change the theme of the Novu notification center component dynamically by the theme toggle option we've in the app which changes the theme of the Novu notification center also. Theme is changing but we are getting some warnings in the console. See If you can help to resolve this issue.

Thank you in advance.

#

Here is the screen recorder of the issue

#Getting error while deploying our Vue 3 app which uses @Novu/notification-center-vue