Not able to see the WEB UI on 4200
I have been trying to setup the novu on my local machine after too many tries. i was able to run api and worker on my local. but web is not working.
I have run all the services using the npm / pnpm run start:service_name
I'm using windows 11.
ram: 16GB
node: 20.8.1
Here's the stack that i'm getting on hitting the command pnpm run start:web.
J:\ginesys-notification-service\novu>pnpm run start:web
root@ start:web J:\ginesys-notification-service\novu cross-env nx run @novu/web:start
nx run @novu/web:start
@novu/web@0.24.2 start J:\ginesys-notification-service\novu\apps\web pnpm panda --watch & cross-env NODE_OPTIONS=--max_old_space_size=8192 PORT=4200 react-app-rewired start🐼 info [css] J:\ginesys-notification-service\novu\apps\web\node_modules@novu\novui\styled-system\styles.css 🐼 info [hrtime] Successfully extracted css from 1160 file(s) ✨ (2999.85ms) 🐼 info [ctx:watch] Watching for config file changes... 🐼 info [ctx:watch] Watching for file changes... 🐼 info [file:change] src\App.tsx 🐼 info [hrtime] Successfully extracted css from 1 file(s) ✨ (794.15ms) 🐼 info [file:change] src\App.tsx 🐼 info [hrtime] Successfully extracted css from 1 file(s) ✨ (338.73ms) Can anyone please help me figure out the solution or problem?
12 Replies
Hi @Jin, 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:
* Run Novu in local machine
* Windows
* Monorepo Structure
* No-Code Tools to control your Notification Flows
-----------------------------
Answer
It seems you're facing an issue where the Novu web UI is not accessible on port 4200 even though the services are running. Here are a few things you can check and try based on the information you provided and the common setup requirements:
1. Check Local Environment Setup: Ensure all the prerequisites for running Novu on a Windows machine are correctly installed. This includes Node.js, MongoDB, Redis, and other required services. You mentioned your Node version is compatible, which is good. Make sure MongoDB and Redis are properly set up and running. For detailed steps on setting up these services on Windows, you can refer to the Novu documentation on setting up a Windows machine (1) .
2. Firewall and Port Availability: Sometimes, the issue might be with the port being blocked or already in use. Ensure that port 4200 is not being used by another service and that your firewall settings allow traffic on this port.
3. Running the Web Service: According to the log you provided, it seems the web service is watching for file changes and not showing any errors. However, if the service is not accessible, you might want to stop all services and restart them. Sometimes, a simple restart can resolve such issues.
4. Environment Variables: Check if all required environment variables are set correctly. Misconfiguration in environment variables can lead to services not running as expected. You can refer to the Novu documentation for setting up environment variables for different services (2) .
5. Console Errors: When you try to access the web UI, check the browser's console for any errors. It might give you more insight into what might be going wrong.
6. Check the Logs: Look at the logs for any error messag
es or warnings that might indicate what the issue is. You've posted a part of the logs, but there might be more information further up or down that could be helpful.
If after checking these areas the issue still persists, you might want to clone the repository again and set up the project from scratch to ensure all components are correctly configured.
Please try these steps and let me know if the issue persists!
: Run Novu in local machine
(1) : Windows
@Jin
Did you complete this step
npm run setup:projectHey @Pawan Jain
I have done that step the ee-dal module was exited with code 1 but from some support q&a i found that it's okay if that module fails to build.
otherwise all the modules were build.
@Jin
Are you currently on
next branch ?@Pawan Jain
Yes
@Jin
It might take some time, but web service should start on 4200 port.
I'm waiting from hours 😅.
is it the issue with my machine??
@Jin, you just advanced to level 1!
do
git pull if you are not having latest codeI took pull in the afternoon itself. i have the latest code.
I'm checking on the mac also if it's an issue with windows.
Hi @Pawan Jain I got it working using docker on mac.
Thanks for your support.
@Jin
Thanks for the update 🙏🏻