1

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

  • 使用“vue create 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”并刷新浏览器时，我才能看到更改。显然这是不可用的。我错过了什么？

4

4 回答 4

2

这个问题已经解决了，虽然我不是 100% 确定是什么原因造成的。

我注意到一些类似热重载失败的人提到了错误的目录名称。我的 vue 项目的父目录名称是合法的，但我曾一度重命名它（尽管这是多次重启和重新安装之前），而且我还注意到一些 vue-cli 创建的项目文件夹直到它才显示在 Finder 中已退出并重新启动。我认为该文件夹已损坏。我创建了一个新文件夹 - 可疑文件夹的同级文件夹 - 并使用 vue-cli 进行了另一个操作，它按预期工作。

希望这可以帮助某人。再次感谢那些提出建议的人。

威士忌 T。

于 2018-09-04T03:36:52.427 回答
1

对于任何使用 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

于 2021-06-19T04:41:30.203 回答
0

如果您将 Node js 安装为sudo，那么 Runningsudo npm run serve对我有用。实际上node.js安装为sudo并且项目也创建为sudo当我运行npm run serve时vue-hot-reload-api无法访问节点服务器进行热重载

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

于 2020-04-13T14:45:26.083 回答
0

将以下脚本标签添加到 package.json 文件

...
  "scripts": {
    "dev": "cross-env NODE_ENV=development vue-cli-service serve --open --host localhost",
     ....
  },
....

并运行

npm install –save-dev cross-env

npm run dev

来源：https ://www.davidyardy.com/blog/vue-cli-creating-a-project%E2%80%93issue-with-hot-reload/

于 2020-12-24T11:47:48.783 回答