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?
kapa.ai
kapa.ai83d ago
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: ----------------------
kapa.ai
kapa.ai83d ago
<@1006949260849324103> kapa.ai is still learning and improving, please let us know how it did by reacting below
genetic-orange
genetic-orange82d 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 reproduce
correct-apricot
correct-apricot12d 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
correct-apricot
correct-apricot12d ago
@aliemir Is there any core team member to help this issue?
conscious-sapphire
conscious-sapphire12d 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 🤔
correct-apricot
correct-apricot12d ago
@aliemir This is the log of dev command and No Application Connected is showing on the 5001
No description
No description
conscious-sapphire
conscious-sapphire12d 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?
correct-apricot
correct-apricot12d ago
I'm getting this screen at http://localhost:5173/
No description
correct-apricot
correct-apricot12d ago
@aliemir
conscious-sapphire
conscious-sapphire12d ago
So after your visit to the page, do you have anything logged to your console?
correct-apricot
correct-apricot12d ago
@aliemir No. This is the console that I visited the site
No description
correct-apricot
correct-apricot12d ago
I'm using Node 18.19.0
conscious-sapphire
conscious-sapphire12d 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.
correct-apricot
correct-apricot12d ago
Ok. I'm using Windows and installed Docker/WSL and VM. Does it matter? @aliemir
conscious-sapphire
conscious-sapphire12d 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 🙏
correct-apricot
correct-apricot11d ago
No problem. Thank you @aliemir Is there any JavaScript template in Refine?
More Posts
global state and contexti couldn't find anything on documentation regarding global state management and contexts. is there aString filtering on tableAntdesign table, search for sub-string within returned value and display in tableSubstring FilterIs there a way to search a filter and match all records including a sub-string, e.g. searching 703 waccess control cachingHi, the caching of access control provider does not seem to work. The caching in general works (for Auto refresh supabase tokenI'm using a supabase auth provider (with remix). Shouldn't it automatically refresh a user session texamples not workingnpm create refine-app@latest -- --example app-crm / CRUD apps so sleek, even the cows \ | want in!Multiple fields as label for Ant Design's selectBased on a question in this channel titled `using multiple fields for the label in select ant designRoot access with CasbinI'm running on a standard React with Supabase build. I have Casbin set up with 3 user roles (superAdCall check when changing resourcesWhen I am inactive for more than 10 minutes and the access token expires and then I click in the menTrigger built in notificationsHow can I show a notification using the built in notification snackbars? Is there any method I can urefine muii am getting this error when i am trying to use the materialui notificationprovider Error: Objects Hasura dataprovider : How to query with _not operator ?How can i query data with _not operator like this `query query { event(where: {_not: {group_evenHow would I integrate table filters into this?import React from "react"; import { IResourceComponentsProps, BaseRecord } from "@refinedev/core"; iFilter nested fieldsI use hasura dataprovider, and i wonder how to use nested filter in order to apply filter on nested Does refine supabase support functions?I need to updated multiple tables one of them has many-to-many relationship in the same edit. Does rUser managementHow can I manage users, edit, delete & add them via postgreSQLHow can I edit/ remove & add usersHow can I edit/ remove & add usershow to set initialValues to select?how to set initialValues to select?I can't get updated form value select optionI can't get updated form value select optionhow to set null or undefined to avoid setting -1 in edit formhow to set null or undefined to avoid setting -1 in edit form