Reactjs 根据工作要求调整环境后，热重新加载停止工作_Reactjs_Next.js_Hot Reload_Fast Refresh

Reactjs 根据工作要求调整环境后，热重新加载停止工作

reactjs next.js

Reactjs 根据工作要求调整环境后，热重新加载停止工作,reactjs,next.js,hot-reload,fast-refresh,Reactjs,Next.js,Hot Reload,Fast Refresh,几天前，我开始了一个新的开发人员角色，并进行了一些环境更改以适应工作。从那时起，我的热重新加载/快速刷新就完全停止工作了。即使我手动刷新页面，也不会显示更改。仅在我停止dev服务器并使用“npm run dev”重新启动它时显示更改。右下角的三角形指示器应该是活动的，显示窗口的活动重新加载。这也不再一致地显示，如果是，页面将重新加载，但遗憾的是，建议的更改不可见背景：它对我的所有NextJS和react应用程序都有这种影响。即使在NextJS示例页面上运行一个基本的项目模板，也不会显示热重新

几天前，我开始了一个新的开发人员角色，并进行了一些环境更改以适应工作。从那时起，我的热重新加载/快速刷新就完全停止工作了。即使我手动刷新页面，也不会显示更改。仅在我停止dev服务器并使用“npm run dev”重新启动它时显示更改。右下角的三角形指示器应该是活动的，显示窗口的活动重新加载。这也不再一致地显示，如果是，页面将重新加载，但遗憾的是，建议的更改不可见

背景：

它对我的所有NextJS和react应用程序都有这种影响。即使在NextJS示例页面上运行一个基本的项目模板，也不会显示热重新加载工作。我研究了这个问题，似乎导入错误，例如，使用小写字母导入组件或页面目录中的文件大写可能会导致此问题，但我仔细阅读了代码，没有发现任何问题。当然，我可能会遗漏它，但我的代码库超过300个文件。后台的服务人员可能会导致问题，但我清除了我的浏览器中的所有问题以确保它仍然无法修复。我安装ngrok用于工作目的的隧道，docker compose用于处理工作开发环境。确保我使用的是最新的下一个版本。甚至删除了node_模块并运行了npm安装。已删除。下一步和出文件夹，仍然没有运气。有人对我下一步该做什么有什么想法或线索吗？这和我为工作安装的东西有关吗？与VS代码或WSL2相关的东西？看起来很让人困惑，好像是一夜之间发生的。感谢您的任何见解或建议

系统信息 OS:VS代码的Windows WSL2虚拟化浏览器：Chrome Next.js版本：10.0.3 Node.js版本：14.8.0

部署：npm运行开发人员进行开发工作；放大AWS主机的发布

谢谢我在WSL2中遇到同样的问题。我只需切换到windows终端，它就可以工作。

谢谢，我在WSL2中遇到了同样的问题。我只需切换到windows终端，它就可以工作。

问题在于WSL2。我在VS代码中使用WSL2；这是Linux环境中的一个重大性能升级。问题是WSL2实际上处于“虚拟化”状态，因此无法同时从VS代码和浏览器localhost:3000发送信息

这是他们正在研究的一个大问题，目前还没有解决方案。这就是为什么快速刷新不起作用，因为localhost没有收到正在进行的更改。通过代理或还原回WSL1

问题部分由OP提供解决方案

这是他们正在研究的一个大问题，目前还没有解决方案。这就是为什么快速刷新不起作用，因为localhost没有收到正在进行的更改。通过代理或还原回WSL1

如果您以管理员身份运行Poweshell并运行

wsl.exe-l-v

这将为您提供发行版运行的wsl版本

我个人使用的是Ubuntu，这是输出

Ubuntu运行2 docker桌面停止2 docker桌面数据已停止2

要切换到wsl 1

跑 wsl.exe-设置Ubuntu 1的版本

如果你想换回来，跑 wsl.exe-设置Ubuntu 2的版本

这对我很有用。

如果你以管理员身份运行Poweshell并运行