React create app hot reload并不总是在linux上运行

Question

我使用create-react-app样板创建了一个react应用程序,这似乎非常受欢迎,当任何文件发生变化时有时会更新热重载,有时则没有,似乎有最小持续时间或类似的东西,我'使用Ubuntu,节点版本7.0,package.json中的脚本是npm:'react-script start'我缺少的？

Answer 1

当npm start未检测到更改时,以下是create-react-app文档中提供的常见故障排除步骤- 链接.

当应用程序运行时npm start,编辑器中的代码更新应该可以使用更新的代码刷新borswer.如果没有发生这种情况,请尝试以下解决方法之一:

1. 如果项目文件直接从Dropbox或Google云端硬盘等云存储系统同步到您的本地系统,并且您尝试直接在其中运行应用程序,请尝试将其移出.
2. 由于Webpack错误,您可能需要重新启动观察程序.如果观察者没有检测到index.js,并且您正在通过文件夹名称引用它.
3. 像Vim和IntelliJ这样的编辑器中的安全写入功能目前打破了观察者.你需要禁用它.
4. 由于Webpack观察者错误,带有路径的项目包含括号会导致问题,请尝试将项目移动到没有它们的路径..
5. 要允许Linux和macOS中的更多观察者,您可能需要调整系统设置.
6. 如果项目在诸如(Vagrant provisioned)VirtualBox之类的虚拟机内运行,则.env在项目目录中创建一个文件(如果该文件不存在)并添加CHOKIDAR_USEPOLLING=true到该文件中.这可确保您下次运行时npm start,观察程序在VM内部根据需要使用轮询模式.
7. 可以尝试增加max_users_watches- 链接

更多参考:

• 问题跟踪器1
• 网络包装故障排除
• 问题跟踪器2 - Webpack轮询

Answer 2

试试这些：

• 在您的IDE中关闭安全写入
• 增加 max_user_watches
• 您的路径不应带括号

作为最后的尝试，尝试将其用作您的env变量： CHOKIDAR_USEPOLLING=true npm start

来源：https : //github.com/facebookincubator/create-react-app/issues/659 https://github.com/facebookincubator/create-react-app/issues/1049#issuecomment-261731734

Answer 3

我能够使用以下方法完成这项工作：

sudo npm start

Answer 4

运行这个命令

sudo -i
echo 1048576 > /proc/sys/fs/inotify/max_user_watches
exit