Nuxt integration with error 500 - self hosted
Hi guys,
I have an issue, when i try to use novu in Nuxt 3 i have an error 500 (you can see error on screenshot). I put ids in correct places. I include backend and socket Urls in propses.
16 Replies
Hi @AzotoN1, I'm an AI assistant for Novu. While a team member reviews this question, I'll see if I can find relevant sources for your question.
-----------------------------
While I generate an answer, here are some sources that might be helpful:
* React Get Started
* Get Started
* Deploy with Docker
* Overview
-----------------------------
Answer
Hello,
It seems like you are encountering an internal server error when integrating Novu with Nuxt 3. While the specific Nuxt 3 scenario isn't directly addressed in our documentation, you should first ensure that all configurations on both the backend URL and the socket URL are correctly set up.
Make sure the environment variables and any related configuration settings in your
.env file or within your application are correct. This includes ensuring the API_ROOT_URL, REACT_APP_WS_URL, and other related settings are properly aligned with your deployment.
Similarly, check that your server can handle requests properly and that there are no server-side errors leading to the 500 error. It’s also helpful to look at the server logs to identify any specific issues or exceptions that are thrown, which can provide more insight into what might be causing the error.
If the issue persists, you might need to review the network requests using developer tools in your browser to ensure that the requests are correctly formed and are reaching the server without issues.
For a deeper dive into a related setup, you can refer to our React integration documentation which might offer insights that are applicable to your Nuxt setup as well (1) .
: [React Get The user might be having an issue with their self-hosted Novu environment that produces an HTTP 500 error, which typically indicates a server-side error. This could be due to a misconfiguration in their Novu setup, an issue with their database connection, or an unhandled exception in their Novu server code.Got it. Tagging @Support for additional help.
@AzotoN1
I don't use Vue or Nuxt but I was able to integrate notification center in my example: https://stackblitz.com/edit/nuxt-starter-xqpfkd
Make sure that all notification center related stuff is executed on client-side (declare client-side plugin and wrap notification-center in client-side component)
Let me know if it works
Michal Dziuba
StackBlitz
Novu with Nuxt.js - StackBlitz
Create a new Nuxt project, module, layer or start from a theme with our collection of starters.
@madd działa prawie pięknie
i have this issue now, as you can see connection working well, but component with notification didnt appear
i have nuxt 3.9.3, node 20.2.0
and have new errors without any updates xD
@AzotoN1, you just advanced to level 1!
@madd any idea? I'm so desperate about it, becouse i want it to be one of main features on my app
can you provide github repo with minimal reproducible code
I'll try
it's an NDA project but i will try to reproduce what i can
@madd i find out something. When you use formkit error appear, but when u uninstall it novu working pretty well
can you try install formkit on your example?
ok, for future generations
My problem was using a formkit with genesis pro theme. Genesis use tailwind and tailwind imports making a conflict with novu configuration
@Pawan Jain check this out, Thanks @AzotoN1
🫡
@AzotoN1, you just advanced to level 2!