Question

我已经安装了Vue CLI v3，并且在我的终端中：

使用“ vue create my-project”（接受默认配置）创建了一个新应用
导航到“ my-project”应用程序目录并运行“ npm run serve”，其结果是：

DONE Compiled successfully in 11889ms

App running at:
- Local: http://localhost:8080/
- Network: http://192.168.0.3:8080/

Note that the development build is not optimized. To create a production build, run npm run build.

...，然后，当对Hello World组件进行任何更改时，例如，对CSS进行了调整，诸如链接颜色之类的明显内容就不会发生；终端中没有响应，没有刷新浏览器，并且手动刷新时没有更新页面。

我过去使用Vue构建了一些应用程序，以前可以进行热模块重新加载，但是现在无论我在任何项目文件中进行了什么更改，终端中的活动/响应都为零。仅当我关闭终端选项卡，重新打开选项卡，导航到项目目录并重新运行“ npm run serve”并刷新浏览器时，我才能看到更改。显然，这是不可用的。我想念什么？

Answer 1

此问题已得到解决，尽管我不确定100％是由什么原因引起的。

我注意到一些热重加载失败的人提到了错误的目录名。我的vue项目的父目录名称是合法的，但我曾经对其进行过重命名（尽管之前多次重新启动并重新安装），而且我还注意到，某些vue-cli创建的项目文件夹直到它出现时才显示在Finder中。退出并重新启动。我发现该文件夹有损坏。我创建了一个新文件夹-可疑文件夹的同级文件-并使用了vue-cli，它可以按预期工作。

希望这对某人有帮助。再次感谢那些提供建议的人。

威士忌T。

Answer 2

如果您以sudo的身份安装Node js，那么运行sudo npm run serve对我有用。实际上，node.js已安装为sudo，项目也创建为sudo，因此当我运行npm run serve时，vue-hot-reload-api无法访问节点服务器进行热重装< / p>

此外，如果您希望热重装在脱机模式下工作，请关闭网络，然后关闭npm run serve，然后重新连接到网络。这将作为localhost协议，而不使用您的本地网络IP。干杯

Answer 3

对于任何使用 WSL 的人。我遇到了这个确切的问题并通过这种方法解决了它。

<块引用>

我遇到了同样的问题，似乎 wsl2 不监视文件更改在 Windows 文件系统中。如果 vue 一切正常项目位于 Ubuntu 文件系统内。看看这个链接更多信息 https://docs.microsoft.com/en-us/windows/wsl/wsl2-ux-changes。

来源：https://github.com/vuejs/vue-cli/issues/4421#issuecomment-557194129

Vue-CLI v3应用程序：热模块重新加载无法正常工作

3 个答案: