javascript - Development server of create-react-app does not auto refresh -
i following tutorial on react using create-react-app. application created create-react-app v1.3.0
create-react-app my-app
the dev server run by
npm start
after changing code several times, browser not updated live / hot reload changes. refreshing browser not help. stopping dev server , starting on again capture new changes code.
have seen “troubleshooting” section of user guide?
describes a few common causes of problem:
when save file while
npm start
running, browser should refresh updated code.if doesn’t happen, try 1 of following workarounds:
- if project in dropbox folder, try moving out.
- if watcher doesn’t see file called
index.js
, you’re referencing folder name, need restart watcher due webpack bug.- some editors vim , intellij have “safe write” feature breaks watcher. need disable it. follow instructions in “working editors supporting safe write”.
- if project path contains parentheses, try moving project path without them. caused webpack watcher bug.
- on linux , macos, might need tweak system settings allow more watchers.
- if project runs inside virtual machine such (a vagrant provisioned) virtualbox, create
.env
file in project directory if doesn’t exist, , addchokidar_usepolling=true
it. ensures next time runnpm start
, watcher uses polling mode, necessary inside vm.if none of these solutions please leave comment in thread.
i hope helps!
Comments
Post a Comment