wsl2中使用vue,热更新对大部分文件无效

最新推荐文章于 2023-04-09 09:06:30 发布
最新推荐文章于 2023-04-09 09:06:30 发布
阅读量1.4k 收藏
点赞数
文章标签： vue ubuntu
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hzh_00/article/details/108162846
版权
发现wsl2环境中使用vue热更新一个神奇的问题

环境：win10 wsl2 安装Ubuntu 18.04
问题：使用npm run serve跑起项目，对vue文件进行修改，热更新无效

项目结构如下
在这里插入图片描述
但是当我在vscode多开启一个终端进入到"account/components/"目录下，再在另一个终端跑npm run serve，此时修改"account/components/“目录下的文件热更新有效，并且修改"login.vue”,“404.vue”,"App.vue"也有效，但是修改"article"下的文件确无效
在这里插入图片描述
更神奇的是
当我在终端中使用"cd"退到上层目录后，再修改"account/components/“目录下的文件无效了，修改"login.vue”,“404.vue”,"App.vue"仍有效在这里插入图片描述

hzh_00
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
Vue修改数据页面不更新的原因和解决方案
weixin_55716862的博客
05-04 2009
vue2是通过Object.defineProperty来实现数据响应式 ，因此在vue中写在data中的属性是可以转换成getter和setter，换句话说就是响应式的，其他定义在data之外的数据，是无法响应的渲染，意思就是改变数据 页面也不会刷新，所以一切要渲染到页面上的数据，必须写在data中. 列举几个不刷新的实例： 修改对象的某一属性 vue只会将已经在data中声明的属性变为响应，没有声明的是不响应的 <template> <div> <div v
解决vite在WSL环境下热更新失效问题
sayUonly的博客
03-11 2889
vite在WSL环境下热更新失效问题的解决方案，记录官方配置方案
vue框架在WSL2环境下无法 热更新 Hot Module Replacement（简称 HMR）
Blog for Kyoha
05-13 1101
问题 vue，在WSL2环境下无法热更新，保存后，系统没有检测到更新，网页中的页面没有变化。 回答1 在启动项目（如 npm run dev）前，先执行 export CHOKIDAR_USEPOLLING=true 回答2 工程目录中创建.env文件（与其它工程配置文件同级）并将以下内容添加到其中 CHOKIDAR_USEPOLLING=true 启动项目 ...
vue等框架在WSL2环境下无法热更新
涛O_O的博客
02-06 1226
问题描述 vue等框架在WSL2环境下无法热更新，在编辑器中修改代码并保存后，系统没有检测到更新，网页中的页面没有变化 解决方案 将项目创建在wsl系统的目录中，而不是windows系统内 在启动项目（如 yarn run dev）前，先执行export CHOKIDAR_USEPOLLING=true，然后系统就可以监听到，并进行热更新了 ...
WSL2下Vue脚手架热更新不工作
m0_51193993的博客
02-09 1366
Baidu了一个下午没解决,Google半小时修好. workaround{ Runningsudo npm run serveworked for me. Actuallynode.jswas installed assudoand the project also created assudoso when I runnpm run servethevue-hot-reload-apicannot access the node server to do hot reload...
vue 热更新不生效？页面没实时刷新解决办法
weixin_44206947的博客
02-21 5216
遇到保存代码后页面没实时刷新的情况
用于x64机器的WSL2 Linux内核更新程序包
09-20
使用WSL2的用户群体广泛，包括开发者、系统管理员、学生以及任何需要在Windows环境中使用Linux工具的用户。WSL2提供了在Windows和Linux之间轻松切换的能力，使得开发跨平台应用、测试Linux环境下的脚本或工具、甚至...
wsl2-usbipd-win-3.0.0..msi 安装文件
最新发布
06-25
这个安装文件确保用户能够简单快捷地在Windows系统上部署USBIPD，以便在WSL2环境中使用USB设备。用户只需下载此 `.msi` 文件，然后按照标准的Windows安装流程执行，即可完成USBIPD-Win的安装。 安装步骤大致如下： ...
go-wsl2-host:使用WSL2 VM IP地址自动更新Windows主机文件
05-23
它会自动使用WSL2 VM的IP地址更新Windows主机文件。 该程序使用发行版的名称，将其修改为主机名。 例如，“ Ubuntu-18.04”变为ubuntu1804.wsl 。 如果您有多个运行发行版，则也会添加该发行版。 当发行版停止时，...
WSL：使用wsldl的WSL2的Manjaro
02-13
基于wsldl的WSL2（Windows 10 FCU或更高版本）上的 。 要求 对于x64系统：版本1903或更高版本，以及内部版本18362或更高版本。 对于ARM64系统：2004或更高版本，内部版本19041或更高。 低于18362的内部版本不支持...
subsystemctl:使用 Linux 命名空间在 WSL2 中运行 systemd 的实用程序
08-05
子系统：在 WSL2 中运行 systemd 在 WSL2 的 Linux 命名空间下运行 systemd。 深受启发，但用 Rust 编写。 与方舟系统/精灵的区别 稍微跟随的行为，但在下面指出...... 界面命令行界面不兼容。 行为 主机名更改是...
create-react-app在WSL中执行npm start出错
无声告白
06-08 555
最近在Windows10中的wsl2中使用create-react-app创建了工程后，发现执行npm start或yarn start时会报错： Error: spawn cmd.exe ENOENT 经过调试，发现是尝试调用本地浏览器打开页面时出现了错误，具体代码在open库中： 可以看到尝试使用cmd.exe启动浏览器时出现了问题，没有找到cmd.exe，一般来说安装wsl2时，会将windows10的环境变量也附加到wsl2环境中，但是cmd.exe所在的/mnt/c/System32路径没被附
Vue数据更新，页面却没有更新的几种情况及解决方法
热门推荐
LFQP_的博客
03-27 2万+
Vue数据更新，页面却没有更新的几种情况及解决方法
vue2视图不更新不渲染问题解决
weixin_44251670的博客
08-27 2307
vue/视图不渲染/vue响应式/坑
vue打包成linux可执行程序（windows、mac可执行程序）
weixin_52213331的博客
11-14 2095
vue打包成linux可执行程序（windows、mac可执行程序）
Docker容器wsl2中Vmmem内存溢出问题解决
qq_40582266的博客
07-30 1789
1.按下Windows + R 键，输入 %UserProfile% 并运行进入用户文件夹 2.新建文件 .wslconfig ，然后记事本编辑 3.填入以下内容并保存, memory为系统内存上限，这里我限制最大4gb，可根据自身电脑配置设置 [wsl2] memory=4GB swap=0 localhostForwarding=true 4.然后启动cmd命令提示符，输入 wsl --shutdown 来关闭当前的子系统 5.Docker会提示重启即可 ...
Vue热更新失效
前端小菜鸟也有人起的博客
04-09 332
Vue热更新失效
vue修改部分文件热更新失效
吴小迪的博客
12-06 3415
笔者最近遇到了vue修改文件热更新的失效的问题【并不是改所有的文件都失效，是改部分文件失效】 每次更新完那个文件的代码之后页面并不会有反映，即使刷新页面也没有获取到刚刚更改的文件的最新效果。必须重启项目才可以看到最新的更新。最开始是以为有什么配置，比如某些文件的更改会触发热更新，某些文件的更改不会触发热更新。但是经过查看vite.config.ts文件并未发现有相关的配置，且hmr:true。然后笔者排查到此由于时间原因就放弃了【就每次更改完文件内容然后就重启一次服务，非常麻烦浪费精力】。最终在编译部署的时
【安装配置】安装适用于 Linux 的 Windows 子系统 WSL ，完成 Clion 中对内存泄漏检测工具 Valgrind 的配置，亲测可用
CodeLuweir 的博客
10-08 3592
1. 了解 WSL 是什么，怎么安装和使用，开了眼界；安装很方便，使用就是 Linux； 2. 初步学会 Valgrind 工具的使用，配置并实地运行和检测； 3. 顺便补了下 C++ 中关于 delete、delete[] 以及内存泄漏的知识，印象中面试也问到过一次；
wsl2中如何使用命令查看当前下载文件的链接
06-07
在 WSL2 中，你可以使用 `curl` 命令来查看当前下载文件的链接。具体方法如下： 1. 打开终端，输入以下命令并替换 `<下载链接>` 为你要下载的文件链接： ``` curl -I <下载链接> ``` 这个命令会向服务器发送...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值