为什么热重装不能在Gridsome上工作？

Question

在default.vue上进行更新之后，浏览器将无限期地报告"[HMR] Waiting for update signal from WDS..."。重新加载浏览器没有帮助。最后，我不得不重新启动网格来查看这些变化。

复制步骤

• 安装了Gridsome，并使用CLI

设置了一个新项目。

运行gridsome develop的

• 检查http://localhost:8080/ ...it works.

• check http://localhost:8080/___explore ...works

• 测试了一个查询。作品：

添加siteDescription: 'this is a test gridsome site'的

• 修改gridsome.config.js

在localhost和

• 上重新启动网格并验证siteDescription

layouts\Default.vue上的

• 添加<p>Description: {{ $static.metadata.siteDescription }}</p> before <slot\>

• 按下“保存”并期望热重加载以更新页面

。

预期结果

• 希望在保存.

时看到本地主机上的更新

• 浏览器坚持“等待WDS的更新信号.”

实际效果

没有更改，我必须重新启动服务器才能看到更改。

环境

系统：

OS: Windows WSL - Linux 5.10 Ubuntu 20.04.4 LTS (Focal Fossa)
CPU: (12) x64 AMD Ryzen 5 3600 6-Core Processor

二进制文件：

Node: 16.15.1 - ~/.nvm/versions/node/v16.15.1/bin/node
Yarn: 1.22.19 - ~/.nvm/versions/node/v16.15.1/bin/yarn
npm: 8.11.0 - ~/.nvm/versions/node/v16.15.1/bin/npm

npmGlobalPackages：

@gridsome/cli: 0.3.4

Answer 1

原来这是WSL和Webpack在WSL文件系统之外的回购不起作用的问题。Webpack不能监控一台“远程”机器，这是合理的，这就是WSL。但是WSL现在应该已经做到了无缝的。

这样您就可以将文件移动到ubuntu文件夹https://devblogs.microsoft.com/commandline/whats-new-for-wsl-in-windows-10-version-1903/。

或者像我一样，切换到全窗口开发。