#How to Debug Fast Refresh Issues

29 messages · Page 1 of 1 (latest)

spark forge
#

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

digital tigerBOT
#
Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

orchid garnet
#

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

elfin onyx
orchid garnet
#

Sure. Windows 10, wsl, vscode. I am just using the starter project and following the starter course.

elfin onyx
#

node version , nextjs verison

orchid garnet
# 
{
  "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"
  }
}
elfin onyx
#

an what node version is installed on the system?
node --v

orchid garnet
#

node is v20.12.1

elfin onyx
#

which package manager

orchid garnet
#

npm

#

Also I am using wsl

#

wsl v2

#

sorry package manager is nvm

elfin onyx
#

Is your project within windows or linux enviornment

orchid garnet
#

project files are in windows

#

but they are loaded through wsl

#

node etc gets installed in wsl

#

And i get to use sh commands

elfin onyx
#

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>

orchid garnet
#

so is it due to permission issues?

#

am copying right now

#

I apologize if this fixes it.