Next.js Discord

Discord Forum

How to Debug Fast Refresh Issues

Unanswered
Asian black bear posted this in #help-forum
Open in Discord
Asian black bearOP
I'm using the App Directory
on an M2 Mac
I am having to restart my server every time I make a front-end change.
or I have to either way 3-5 minutes for a fast refresh to happen

Becausxe of the inconsistency i'm looking for a generaly way to debug this

28 Replies

moonbrew
I was using Astro.js and fast refresh worked fine there. Now I am learning Next.js and its leaving a bad taste that such a basic feature is not working
@moonbrew I was using Astro.js and fast refresh worked fine there. Now I am learning Next.js and its leaving a bad taste that such a basic feature is not working
American Crow
share your system information before yapping about basic features not working. Obviously it is working for 99% of us or do you think we all develop without hot refresh
moonbrew
Sure. Windows 10, wsl, vscode. I am just using the starter project and following the starter course.
American Crow
node version , nextjs verison
moonbrew
{
  "private": true,
  "scripts": {
    "build": "next build",
    "dev": "next dev",
    "prettier": "prettier --write --ignore-unknown .",
    "prettier:check": "prettier --check --ignore-unknown .",
    "start": "next start"
  },
  "dependencies": {
    "@heroicons/react": "^2.0.18",
    "@tailwindcss/forms": "^0.5.7",
    "@types/node": "20.5.7",
    "@vercel/postgres": "^0.5.0",
    "autoprefixer": "10.4.15",
    "bcrypt": "^5.1.1",
    "clsx": "^2.0.0",
    "next": "^14.0.2",
    "postcss": "8.4.31",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "tailwindcss": "3.3.3",
    "typescript": "5.2.2",
    "zod": "^3.22.2"
  },
  "devDependencies": {
    "@types/bcrypt": "^5.0.1",
    "@types/react": "18.2.21",
    "@types/react-dom": "18.2.14",
    "@vercel/style-guide": "^5.0.1",
    "dotenv": "^16.3.1",
    "eslint": "^8.52.0",
    "eslint-config-next": "^14.0.0",
    "eslint-config-prettier": "9.0.0",
    "prettier": "^3.0.3",
    "prettier-plugin-tailwindcss": "0.5.4"
  },
  "engines": {
    "node": ">=18.17.0"
  }
}
American Crow
an what node version is installed on the system?
node --v
moonbrew
node is v20.12.1
American Crow
which package manager
moonbrew
npm
Also I am using wsl
wsl v2
sorry package manager is nvm
American Crow
Is your project within windows or linux enviornment
moonbrew
project files are in windows
but they are loaded through wsl
node etc gets installed in wsl
And i get to use sh commands
American Crow
Ray is typing i gonna wait he usually knows everything
well he stole my answer
haha you goon
cp -R /mnt/c/<your_folder_name> /home
Try copying it over
After that delete node_modules and packge-lock re install
And make sure to have ownersihp of copied folder
sudo chown –R <username> <folder_name>
moonbrew
so is it due to permission issues?
am copying right now
I apologize if this fixes it.
American Crow
Don't apologize just try to provide information regarding your system so people can help