reactjs - 根据工作要求调整环境后，热重载停止工作

Question

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

上下文:

• 它对我的所有 NextJS 和 React 应用程序都有这种影响。即使在 NextJS 示例页面上运行一个基本的项目模板也显示没有热重载工作。
• 我研究了这个问题，似乎错误的导入(例如使用小写字母导入组件或 pages 目录中的文件被大写)可能会导致此问题，但我梳理了代码并没有发现任何问题(当然，我可以错过了，但我的代码库有 300 多个文件)。
• 后台的服务人员可能会导致问题，但我清除了浏览器中的所有服务人员以确保安全，但它仍然无法解决问题。
• 我为工作目的安装了 ngrok 隧道，并安装了 docker-compose 来处理工作开发。环境。
• 确保我使用的是最新的 Next 版本。甚至删除了 node_modules 并运行了 npm install。删除了 .next 和 out 文件夹，但仍然没有成功。

有人对我接下来应该尝试什么有任何想法或线索吗？它与我为工作安装的东西有关吗？与 VS 代码或 WSL2 相关的东西？似乎很令人费解，好像是一夜之间发生的。感谢您提供任何见解或建议!

系统信息操作系统:Windows(VS 代码的 WSL2 虚拟化)浏览器:ChromeNext.js 版本:10.0.3Node.js 版本:14.8.0部署:npm run dev 用于开发工作；为 AWS 托管放大发布

Answer 1

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

这是他们正在解决的一个大问题，目前还没有解决办法。这就是快速刷新不起作用的原因，因为 localhost 没有收到所做的更改。通过代理或恢复到 WSL1 https://github.com/microsoft/WSL/issues/4769

_{OP 在问题部分提供的解决方案}