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

问题描述 投票:0回答:1

我已经安装了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'时,刷新浏览器我才能看到更改。显然这是无法使用的。我错过了什么?

vue.js vue-cli vue-cli-3
1个回答
1
投票

这个问题已经解决了,虽然我不是100%肯定是什么导致了它。

我注意到一些有类似热重载失败的人提到了错误的目录名称。我的vue项目的父目录名称是合法的,但我已经在一个位置重命名它(虽然那是多次重启并重新安装),我还注意到一些vue-cli创建的项目文件夹没有在Finder中显示,直到它退出并重新启动。我想这个文件夹有一些损坏。我创建了一个新文件夹 - 这个可疑文件夹的兄弟 - 并且还有另一个与vue-cli一起使用,并且它按预期工作。

希望这有助于某人。再次感谢那些提出建议的人。

威士忌T.

© www.soinside.com 2019 - 2024. All rights reserved.