我在我的 React 环境中遇到问题,每次我想在浏览器中查看更新时,我都必须重新启动('npm start')我的服务器。其他人似乎能够简单地刷新浏览器而无需重新启动他们的服务器。
例如,如果我在其中一个 React 组件中进行更新,我不能简单地刷新网页,我必须重新启动整个服务器。
有什么建议可以解决这个问题,所以我不需要每次都重新启动?
我在我的 React 环境中遇到问题,每次我想在浏览器中查看更新时,我都必须重新启动('npm start')我的服务器。其他人似乎能够简单地刷新浏览器而无需重新启动他们的服务器。
例如,如果我在其中一个 React 组件中进行更新,我不能简单地刷新网页,我必须重新启动整个服务器。
有什么建议可以解决这个问题,所以我不需要每次都重新启动?
我在使用 Visual Studio Code 时遇到了同样的问题。当我进行更改时,什么都没有出现。VC给了我一个提示说
“Visual Studio Code 无法监视这个大型工作区中的文件更改”
所以我找到了解决问题的这些说明。可能有关系。
当您看到此通知时,它表明 VS Code 文件观察程序的句柄已用完,因为工作区很大并且包含许多文件。可以通过运行查看电流限制:
cat /proc/sys/fs/inotify/max_user_watches
/etc/sysctl.conf
通过编辑此行并将其添加到文件末尾,可以将限制增加到最大值:
fs.inotify.max_user_watches=524288
然后可以通过运行加载新值
sudo sysctl -p
。请注意,Arch Linux 的工作方式略有不同,有关详细信息,请参阅增加 inotify 观察者的数量。
将应用程序移出 Dropbox 目录后,此问题已得到解决。
将应用程序移出 Dropbox 目录后,当我对 React 组件进行任何编辑时,我不再需要手动重新启动服务器。请注意,该应用程序确实可以正常工作并使用Google Drive (链接到云)或我的 HD 上的一般非云链接文件夹自动刷新。
我使用 Webpack 的组合来捆绑 js 代码和 Nodemon 以重新启动服务器。它们都具有监视功能,因此它们可以监视代码以查看是否有任何更改。
似乎是我研究的常态。
查看Facebook的 Create-React-App。它拥有开发 React 应用程序时所需的所有基本工具。