vue-cli hot-module-replacement不生效，不自动更新

已于 2022-05-24 11:27:56 修改
阅读量352 收藏
点赞数
分类专栏： 前端 文章标签： vue.js javascript 前端
于 2022-05-24 11:25:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_57558631/article/details/124943651
版权

解决办法是将当前NODE_ENV需要设置为’development’

默认npm run serve 就是’development’，之所以可能不是，有可能你修改了项目根目录下.env.development文件。并将NODE_ENV设置为了其他的值。

可以通过一下命令看一下当前的值

 console.log(precess.env)

强烈建议读一下vue-cli env相关的模式和环境变量 | Vue CLI (vuejs.org)

别说小李
关注
专栏目录
您可能忽略的小技巧，减低你的开发效率！
禅思院
02-22 50
我们在日常开发的过程中，一般前端开发相对比较快点，所以常常看到一个项目里好几个后端加上一个相应的前端开发，所以在后续的开发过程中都会遇到这个前端会跟几个后端的人联调，如果是远程环境联调还好点，但是在开发过程中免不了出现新奇古怪的bug，这个时候不得不进行线下的本地环境联调，但是有个问题，多个后端和一个前端会频繁修改本地调用相应后端那个人的接口，造成项目不断的重新dev,项目大一点在dev 启动会耽误很长时间，这个时间你可能啥也做不了，一天下来，时间都浪费在频繁启动上啦！
vue 修改文件不生效_如何修改 node_modules 里的文件
weixin_39874366的博客
12-13 6930
来源：沉末_https://juejin.im/post/5ec381215188256d776342cd前言有时候使用npm上的包，发现有bug，我们知道如何修改，但是别人可能一时半会没法更新，或者是我们特殊需求，别人不愿意修改，这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢？首先，直接修改node_modules里面的文件是不太行的，重新安装依赖就没有了。一般常用...
vue 修改nodemodules中的依赖包源代码不生效
qq_51389137的博客
05-26 5188
2.重启不行的话现在普遍vue使用的是vite他会把这些依赖的代码缓存在nodemodules的.vite.js下，所以重启项目也没有更新依赖的执行文件。命令行选项启动开发服务器，或者手动删除。强制 Vite 重新构建依赖，你可以用。
vue-cli hot-module-replacement不生效，不自动更新。
胡聊前端的博客
01-19 1773
解决办法是将当前NODE_ENV需要设置为’development’ 默认npm run serve 就是’development’，之所以可能不是，有可能你修改了项目根目录下.env.development文件。并将NODE_ENV设置为了其他的值。 可以通过一下命令看一下当前的值 console.log(precess.env) 强烈建议读一下vue-cli env相关的文档 ...
vue项目无法热更新 问题解决
倚楼听风雨的博客
11-24 2735
【代码】vue项目无法热更新 问题解决。
vue 加上样式代码之后竟然需要重新启动不然不显示也是醉了
auvtrgs1759的博客
03-09 442
vue怪异现象汇总 1.vue 加上样式代码之后竟然需要重新启动不然不显示也是醉了 转载于:https://www.cnblogs.com/Home-Yzz/p/8535512.html
解决vuecli3.0热更新失效的问题
10-17
在前端开发中，Vue CLI 3.0 是一个基于 Vue.js 进行快速开发的完整系统，它为用户提供了项目脚手架、开发服务器、热模块替换(Hot Module Replacement, HMR)等特性。HMR 是webpack提供的一个功能，允许在应用运行时对...
webpack和vuecli3
weixin_42176561的博客
04-10 964
有inline 和iframe模式 inline在控制台打印编译情况 iframe在网页上以iframe形式显示 --watch 自动打包 修改iview中源码无效 因为nodeModules中packageJson的main入口为打包后文件 如果需要修改可以修改后打包替换打包后的文件即可 webpack.prod/base/dev.conf,js...等分别配的是开发生...
09_webpack服务器和VueCLI1
08-03
本文将详细介绍这两个工具，以及它们在实现自动编译和模块热替换（Hot Module Replacement, HMR）中的作用。 首先，让我们了解为什么需要搭建本地服务器。在常规开发流程中，我们需要先执行`npm run build`来编译...
vscode怎么配置vue
最新发布
09-09
"name": "Serve with Hot Module Replacement", "program": "${workspaceFolder}/node_modules/@vue/cli-service/bin/vue-cli-service.js", "args": ["serve", "--hot"], "outFiles": [ "<rootDir>/dist/**/*.js...
一步步从头搭建 Vue 开发环境
小生方勤
08-25 528
前言由于是工具，很可能你看到的时候有些工具包已经升级了，会有一些报错；这个你就需要自己探索了。工具的版本node: v10.16.0npm: v6.9.0babel: 7.5.5webp...
修改代码后，Vue项目不能自动刷新，发现控制台报：Uncaught SyntaxError: Unexpected token ‘＜‘
qq_41930094的博客
07-09 4159
前言 别人认为重要的，并不就是你的追求。只有自己才知道什么最合适。 问题由来~及描述 将vue项目部署到nginx上，如果是第一次往nginx上部署vue项目，本地项目无需修改，只需要修改nginx上的配置，当需要在nginx上部署多个vue项目时，则本地vue项目需要做配置…（详情省略，具体我的文章有），其中一项是在项目的根路径，创建了vue.config.js文件。 1.第一次配置的:vue.config.js 2.线上是没有任何问题，但是本地项目重启后(vue.config.js只有在项
Vue 文件保存后，浏览器不自动刷新
热门推荐
Wzw的博客
01-23 1万+
Vue 文件保存后，浏览器不自动刷新 在VScode中，需要保存文件后自动刷新浏览器的内容，否则还得手动刷新浏览器，给开发造成极大的不便。我们要在项目根目录下找到vue.config.js（若没有这个文件，则新建一个），增加 hot: true。 module.exports = { devServer: { port: 3000, open: true, hot: true,//自动保存 }, } 再重新加载项目即可。 ...
Vue3+vite项目，保存代码后页面不刷新
海风依旧
10-20 3799
问题描述：Vue3+vite项目，ctrl+s保存代码后，页面不刷新，在vite.config.js配置了热加载hmr也没用，只能通过yarn dev重新打开
用vue-cli构建了项目之后在webstorm开发，用npm run dev跑本地服务，经常修改之后在浏览器刷新没反应，偶尔才会有刷新，需要重新跑一遍npm run dev才会更新，这是怎么回事呢？
02-26 1675
webstorm保存的时候会先保存到旧时文件中，其实并没有真正保存，要在setting->stystem settings下的“use save write”去掉
vite 项目改了node_modules下的代码不生效
csdn_haow的博客
10-07 1850
解决办法：删除.vite文件，重新跑项目，或者跑项目的时候加上--force。
【疑难杂症】vue-cli热更新失效
onionlsh的博客
03-26 9587
前情提要 公司又双叒要搭建新的前端项目，以前用vue-cli3.0，所以这次就是用vue-cli4来搭建一下玩玩。 结果玩不好，vue-cli搭建的vue项目，部分热更新失败。主要体现在：1..vue文件的修改，可以实现热更新；2.在main.js等引入的文件，无法实现热更新。 过程 私以为是vue-cli版本不同导致的，所以在找度娘的过程中，也指定了是vue-cli4 结果试过很多方法： 1.配置vue.config.js，几个关键的属性也都开了 devServer: { hot:
【前端-Vue】热更新失败，修改完代码需要更换重新npm run dev才生效的解决方案
Chinenana的博客
12-25 6028
situation：Mac idea vue/element problem：vue 文件每次更改必须手动 npm run dev 的问题 1. reasons 1.电脑下的工程目录带有中文名或者特殊符号---###作者遇到的是该种情况 这个解决方案就是转移路径到英文目录下 2.目前文件监控的实际数目已超出当前设置值，可以通过修改配置文件的方式，增加文件监控数目 2. solution 1、检查现有文件监控数目 上述命令每台电脑不一样，具体可参照我的博客—《Windows与Mac电
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

别说小李

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值