Nuxt 新组件不热重载/编译

Posted 2023-02-22

【中文标题】Nuxt 新组件不热重载/编译

【英文标题】：Nuxt New Components not Hot Reloading / Compiling

【发布时间】：2019-04-11 00:42:33

【问题描述】：

最近遇到了奇怪的行为。 创建了一个新的 Nuxt.js 应用程序，我创建的一些组件不是热重载。当我停止开发服务器并使用npm run dev 重新编译时，我可以在浏览器中看到更改，但只要我在开发服务器运行时保存，它们就不会热重新加载。这只是发生在我创建的一些组件上，这使它更加烦人。

到目前为止我已经尝试过：

检查我的用户在文件夹中拥有所有必需的读写权限 尝试了不同的 nuxt 版本 创建了一个空白的 nuxt 项目

【问题讨论】：

什么操作系统？它是通过 docker 运行的吗？

MacOS，不，不是通过 docker。刚刚创建了另一个全新的项目，它现在按预期工作。但仍然想知道是否有人曾经经历过这样的事情。

您是否 100% 确定您确实在保存文件？如果再次发生这种情况，只需返回您的 IDE 并再次按 Save 并查看热重载是否有效。

你有没有找到解决这个@dmmker999的方法？目前遇到这个问题...

清除浏览器缓存试试，因为有些编译好的javascript可能会被浏览器缓存。试一试

【参考方案1】：

这是因为文件夹名称而发生的。

如果你有这个：

~/components/Products/ProductsSimple.vue

你必须把它改成

~/components/products/ProductsSimple.vue

（小写 p 的产品文件夹）