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
sunny-green•5mo 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 reproducexenial-black•3mo 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?
xenial-black•3mo ago
@aliemir Is there any core team member to help this issue?
jolly-crimson•3mo 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 🤔xenial-black•3mo ago
@aliemir This is the log of
dev command and No Application Connected is showing on the 5001
jolly-crimson•3mo 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?
xenial-black•3mo ago
I'm getting this screen at http://localhost:5173/
xenial-black•3mo ago
@aliemir
jolly-crimson•3mo ago
So after your visit to the page, do you have anything logged to your console?
xenial-black•3mo ago
@aliemir No. This is the console that I visited the site
xenial-black•3mo ago
I'm using Node 18.19.0
jolly-crimson•3mo 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.
xenial-black•3mo ago
Ok. I'm using Windows and installed Docker/WSL and VM. Does it matter?
@aliemir
jolly-crimson•3mo ago
My guess is it's probably related with Docker and it doesn't expose proper ports or doesn't have proper access to your network. You may want to check those configurations. I'm not very experienced with Windows setups and cannot help any further 🙏
xenial-black•3mo ago
No problem. Thank you
@aliemir Is there any JavaScript template in Refine?