No application Connected
When i create a new refine project using npm create refine-app@latest ..and a followed all the steps to set up the project using vite...but when i run npm run dev, i get an error at the top of my landingpage saying No Application Connected...and even when i make changes in the code it doesn't reflect in the browser...what could be wrong?
17 Replies
Hi @Israel RM. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Hmm, I don't know enough to give you a confident answer yet. The extracts provided do not include specific information about the "No Application Connected" error or issues related to changes in the code not reflecting in the browser when using
refine
with vite
. This could be related to a variety of factors including but not limited to configuration issues, network problems, or compatibility issues with dependencies.
For troubleshooting, consider the following general steps which might help in resolving or identifying the issue:
1. Check the Console for Errors: Look at the browser's developer console and the terminal where you ran npm run dev
for any specific error messages that might give more insight into what's going wrong.
2. Verify Backend Connection: Since you mentioned setting up the project with vite
and choosing a backend service during initialization, ensure that the backend service is running and accessible. Problems with the backend connection could lead to the application not functioning correctly.
3. Hot Module Replacement (HMR) Issues: If changes in the code are not reflecting in the browser, it might be related to HMR. Ensure that vite
is correctly configured for HMR. Sometimes, manually refreshing the browser or clearing the cache can help verify if it's an HMR issue.
4. Review Project Configuration: Double-check your vite.config.js
and other configuration files for any potential misconfigurations or missing settings that might affect the application's connection or the reflection of code changes.
5. Consult Documentation and Community: The Refine documentation (https://refine.dev/docs/) and community forums or channels, such as their Discord server (https://discord.gg/refine), can be valuable resources for finding solutions to common problems or getting advice from other users who might have faced similar issues.
If you continue to experience issues, providing more specific details about the error messages and your configuration might help the community or support channels offer more targeted advice.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------<@1006949260849324103> kapa.ai is still learning and improving, please let us know how it did by reacting below
deep-jade•7mo ago
hello @Israel RM,
I created new project with
npm create refine-app@latest
and open http://localhost:5174 in my browser. there is no issue
can you provide me more detail about the issue please? I couldn't reproducevariable-lime•5mo ago
Hi @Alican Erdurmaz I created a crm app using
npm create refine-app@latest -- --example app-crm
and did npm run dev
inside the local directory.
But when I go to the http://localhost:5173/, I got this screen. Would you please help?![No description](https://cdn.answeroverflow.com/1237784025045930064/image.png)
variable-lime•5mo ago
@aliemir Is there any core team member to help this issue?
ambitious-aqua•5mo ago
@Olive105 can you share the logs for your
dev
command? app-crm
should start at port 5173
.
The error of "No Application Connected" is probably showing at 5001
if there's no active tab at port 5173
and its related with the Refine Devtools, it shouldn't be interfering with your apps localhost 🤔variable-lime•5mo ago
@aliemir This is the log of
dev
command and No Application Connected
is showing on the 5001
![No description](https://cdn.answeroverflow.com/1237802726331777054/image.png)
![No description](https://cdn.answeroverflow.com/1237802726742556805/image.png)
ambitious-aqua•5mo ago
Looks like there's no issue with the app and it looks like its starting at http://localhost:5173 just fine. Can you check that page?
variable-lime•5mo ago
I'm getting this screen at http://localhost:5173/
![No description](https://cdn.answeroverflow.com/1237803408920936539/image.png)
variable-lime•5mo ago
@aliemir
ambitious-aqua•5mo ago
So after your visit to the page, do you have anything logged to your console?
variable-lime•5mo ago
@aliemir No. This is the console that I visited the site
![No description](https://cdn.answeroverflow.com/1237805129135296532/image.png)
variable-lime•5mo ago
I'm using Node 18.19.0
ambitious-aqua•5mo ago
This looks like it might be related with your environment. I don't think your browser is properly trying to access to the localhost:5173. Maybe a firewall or something that blocks access to the localhost or your terminal might not be able to access your network 🤔
This doesn't look like its related with Refine. You may want to check your environment and try serving another app to see if that work. You can also check Vite's GitHub page for related issues if there are any.
variable-lime•5mo ago
Ok. I'm using Windows and installed Docker/WSL and VM. Does it matter?
@aliemir