vs开发vue，无法热更新

最新推荐文章于 2024-05-11 14:26:07 发布
最新推荐文章于 2024-05-11 14:26:07 发布
阅读量1.3w 收藏
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30304193/article/details/82759558
版权

Visual Studio Code开发vue，用npm run dev跑本地服务，修改代码之后在浏览器刷新没反应，需要重新跑一遍代码才会更新，这是怎么回事呢？

我遇到的情况是没有自动保存，自己手动保存代码会发现浏览器自动更新了。只需要讲vs改为自动保存即可，如下图：

GL_陈凯
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
vue-cli 关闭热更新操作
01-18
vue 手脚架在使用过程中，更改代码会自动更新页面，非常的方便，但是有些情况向关闭掉这热更新功能，我使用的是vue-admin-template模板来开发的，所以更改也是基于这个模板的。 在build文件夹下有个webpack.dev.conf.js文件。 然后添加一个配置项：inline: false 即可关闭热更新操作。 补充知识： vue多页面热更新缓慢原因以及解决方法 热更新慢的原因 多页面就是多入口，会生成多个html文件，之前我基本都是单页面，因为是单入口没有这个问题，当偶然间接触了一个多页面的项目发现了热更新很慢的问题，这当然很不舒服，就开始查方法，可能要2，3分钟，这个和w
vue-cli3 热更新配置操作
10-14
然而，有时在使用 vue-cli3 搭建的项目中，热更新可能无法正常工作，特别是在修改 .vue 文件或 CSS 部分时。 问题在于，当修改.vue文件内部的内容时，如果页面没有自动刷新，这通常是因为热更新配置不正确。解决这...
vue项目vscode插件，运行脚本及热更新
JavaBigData的博客
11-05 644
启动脚本插件 热更新
vue项目无法热更新 问题解决
最新发布
qq_44741577的博客
05-11 374
如果没有安装，可以使用以下命令进行安装。
Vue热更新失效
前端小菜鸟也有人起的博客
04-09 311
Vue热更新失效
vscode开发vue项目页面修改保存时不自动编译的问题解决办法
热门推荐
木待成舟的博客
12-18 1万+
需要注意router文件中引用名必须与文件目录中名称完全一致，区分大小写。 如果大小写不同的话，router依然能成功跳转，但是在文件修改保存时，vscode就不会实时编译了。
Vue3+vite项目，保存代码后页面不刷新
海风依旧
10-20 3459
问题描述：Vue3+vite项目，ctrl+s保存代码后，页面不刷新，在vite.config.js配置了热加载hmr也没用，只能通过yarn dev重新打开
解决vuecli3.0热更新失效的问题
10-17
今天小编就为大家分享一篇解决vuecli3.0热更新失效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue 不能进行热更新问题的解决
zuo-yiran的博客
06-19 7345
在vue项目中，之前热更新还是好的，突然发现在macos上失败，修改代码需要npm run dev进行重启才能更新，非常影响开发效率，但是不是所有的页面都是这样。 然后发现一个大坑，文件名称与实际路径文件夹名称大小写有误。但是可以运行。 解决办法：检查文件夹名称是否正确，确保引入文件夹名称与路径的文件夹名称大小写保持一致。 经过查找，网上还列举了一些别的可能引起热更新失效的解决办法： 1.添加ru...
vue项目热更新
qq_45600228的博客
07-28 1463
devServer open设为true,启动项目自动打开浏览器。devServer hot设为true,每次保存代码自动更新。vue.config.js配置。设置之后记得要重新运行项目。
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
01-19
用vue-cli构建了项目之后在webstorm开发，用npm run dev跑本地服务，...以上这篇浅谈VUE-CLI脚手架热更新太慢的原因和解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
vue 项目热更新失效的问题
qq_41725253的博客
07-18 460
网上找了很多种解决方法并未解决，重新下node_modules 也没有用，最后是更新了@vue/cli-service 的版本，重新启动就可以了。原本是 3.3 升级为3.12。
vsCode保存后，浏览器不会刷新
OnismYY的博客
06-24 4850
vsCode保存后，浏览器不会刷新
解决Vue热更新失效问题
☆往事随風☆的博客
04-22 3600
首先去查看是否是因为自己的代码和配置出现了错误，从而导致热更新失效。如果自己的代码和配置都没有问题，那就有可能是你的某个配置或属性影响了sockjs-node发送请求，从而导致热更新失败。如下图所示：sockjs-node发送请求的作用就是实现Vue的实时更新，如果开发中发现实时更新失败，可以考虑先来这里看看是否出现问题。
vue修改部分文件热更新失效
吴小迪的博客
12-06 3386
笔者最近遇到了vue修改文件热更新的失效的问题【并不是改所有的文件都失效，是改部分文件失效】 每次更新完那个文件的代码之后页面并不会有反映，即使刷新页面也没有获取到刚刚更改的文件的最新效果。必须重启项目才可以看到最新的更新。最开始是以为有什么配置，比如某些文件的更改会触发热更新，某些文件的更改不会触发热更新。但是经过查看vite.config.ts文件并未发现有相关的配置，且hmr:true。然后笔者排查到此由于时间原因就放弃了【就每次更改完文件内容然后就重启一次服务，非常麻烦浪费精力】。最终在编译部署的时
vue本地开发热更新很慢
08-31
Vue本地开发热更新变慢的原因有很多。首先，项目的规模越大，文件数量越多，热更新的速度就会变慢。这是因为每次修改文件，热更新服务器都会重新编译整个项目，这就需要花费更多的时间。其次，网络速度也会影响热更新的速度。如果网络速度很慢，热更新的请求和响应就会变慢，从而导致热更新变慢。另外，热更新的速度还与电脑的性能有关。如果电脑的CPU、内存等硬件配置较低，热更新的速度就会变慢。此外，部分IDE或编辑器可能也会对热更新的速度产生影响。有些IDE或编辑器对热更新的支持可能不够友好，导致热更新的速度较慢。对于热更新速度慢的问题，我们可以采取一些措施来改善。首先，可以尝试减少文件数量，将项目拆分成更小的模块，这样每次修改文件时只会重新编译相关的模块，从而提高热更新速度。其次，可以考虑优化网络环境，使用更快的网络连接，如使用有线网络代替无线网络。另外，升级电脑硬件也是提高热更新速度的一种方法，增加CPU、内存等硬件配置可以加快热更新的速度。最后，可以尝试更换IDE或编辑器，选择对热更新支持较好的工具，从而改善热更新速度。总之，改善Vue本地开发热更新速度需要综合考虑文件数量、网络环境、电脑硬件等因素，并采取相应的措施进行优化。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值