vue开发中在idea中启动npm run dev，项目不刷新页面问题解决实例一则。

最新推荐文章于 2024-12-02 01:11:24 发布
原创 最新推荐文章于 2024-12-02 01:11:24 发布 · 2.6k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue 前端 #前端开发 #vue页面不更新

在使用Idea进行vue前端开发时遇到问题，通过`npm run dev`启动项目后，页面无法自动刷新。经过排查发现，Terminal窗口执行的命令路径与实际项目的路径不一致，导致更新未生效。解决方法是确保Terminal指向的命令路径与项目路径相同，以确保编辑和运行的是同一项目实例。

反复更新……反复启动，页面就是不刷新……

咋不刷新呢？查了好久。

最后发现…………………………

Terminal窗口中指向的命令路径和项目的路径不一致！！！

Terminal窗口中指向的命令路径和项目的路径不一致！！！

Terminal窗口中指向的命令路径和项目的路径不一致！！！

重要的事情说三遍！

也就是说，我启动刷新了半天是另外一个从svn上下载的版本，而在idea里面修改的是当前自己有用的版本，启动和修改的不是一个文件夹下的项目，自然看不到效果！！

项目前端遇到的相关问题及解决办法
m0_68271787的博客
06-26 663
我出现的是一个页面两个table表格，通过v-if来判断tab页显示哪个，由于两个表格格式一样，出现了第二个表格渲染的是第一个表格的数据。原因：使用v-if切换标签时，多个相同的标签被渲染，如果不添加key来区分则会出现数据冲突导致table渲染出错。因为vue为了避免重用性，加上结构一样，他区分不出节点不同，会直接用前一个表格的节点数据，所以才会渲染出错。见文之意：这里的意思就是模板在渲染时候，读取对象中的某个对象的属性值时，这个对象不存在，说通俗点就是。
idea做vue项目，页面刷不过来问题一例
09-30 2084
刚开始怀疑页面被缓存了，用了两个浏览器打开，都清缓存，但是页面都一样，都是老页面。 然后试着重新编译vue项目。问题依旧。 后来从gitee上重新下载项目，到新目录，然后npm重新下载依赖，然后npm run dev重新运行。发现页面能刷过来了。 问题可能出现在vue的运行服务器出问题了。所以重新下载依赖之后就好了。折腾了一天。在这里记录一下。 ...
【前端-Vue】热更新失败，修改完代码需要更换重新npm run dev才生效的解决方案
Chinenana的博客
12-25 6532
situation：Mac idea vue/element problem：vue 文件每次更改必须手动 npm run dev 的问题 1. reasons 1.电脑下的工程目录带有中文名或者特殊符号---###作者遇到的是该种情况 这个解决方案就是转移路径到英文目录下 2.目前文件监控的实际数目已超出当前设置值，可以通过修改配置文件的方式，增加文件监控数目 2. solution 1、检查现有文件监控数目 上述命令每台电脑不一样，具体可参照我的博客—《Windows与Mac电
idea修改代码后不生效非常大的可能之一
weixin_46223830的博客
11-02 2293
idea修改项目代码后，在浏览器运行，代码不生效。原因是谷歌浏览器有缓存， 清除数据，回到idea重新运行启动tomcat就可以了
Vue-本地跨域访问后台配置。
一个头发贼多的小火鸡
11-02 1818
1.进入Vue项目的config/index.js 文件。 未配置之前是这样的： module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: {}, // Various Dev Server settin...
解决idea中的vue项目，代码更新了，但终端并没有更新加载的问题
m0_74462339的博客
07-02 643
终端指向的路径跟该项目的路径不一致，所以即使启动了，也相当于启动的是另一个路径的vue项目，当然不会显示更新加载。
WebStorm 配置： 创建 JavaScript Debug 配置 设置 URL 为 http://localhost:8080（Vue 默认端口） 在 Before launch 中添加 npm run serve 勾选 Reuse existing tabs（关键选项）我这样设置的时候，一旦设置在 Before launch 中添加 npm run serve，这个npm可以正常启动，但是我的 JavaScript Debug 就一直在加载启动不了
08-09
我们正在解决一个具体问题：在WebStorm的JavaScript Debug配置中，如果在"Before launch"部分添加了`npm run serve`任务，会导致调试器无法正常启动。根据引用[1]和引用[3]的经验，我们不应该在"Before launch"中...
我如何在IDEA的IDE中创建一个空的vue工程?
12-02
我们使用IDEA创建Vue工程通常有两种方式：一种是使用Vue CLI（命令行界面），另一种是直接创建静态Web项目然后手动引入Vue。这里主要介绍使用Vue CLI创建项目，因为这是官方推荐的方式，并且可以生成一个包含基本...
2、Vue + SpringBoot前后端项目实例
advent86的专栏
12-02 3782
Vue + SpringBoot3 前后端项目实例,SpringSecurity,Redis,MyBatis分页,文件下载,文件上传
idea 启动的VUE 页面会有V
最新发布
01-05
根据用户描述，页面出现了一个“V”的异常显示，这通常与Vue的logo有关，可能是在开发过程中Vue的默认启动页面没有正确替换。 结合之前提供的引用内容，用户可能是在使用Vue+SpringBoot的前后端分离项目。因此，...
IDEA web项目代码改动了却不更新解决
热门推荐
小狐狸和小兔子
10-25 1万+
将很早以前的一个web项目在IDEA重新试着运行，并对其做了一点修改，结果发现怎么也更新不了，看不到更改的效果 自己打开project compole output path目录查看后发现确实已经发生了改变，但是部署到Tomcat中却没有任何变化，原因是路径有误，应该指向项目的WebRoot/WEB-INF/classes/下，如图 这是我一开始的，指向了项目根路径下的out目录 也可以将这个指向项目的WebRoot/WEB-INF/classes/下，然后Modules > Paths >
下载webpack插件：webpack-dev-server 后运行npm run dev 不报错 但页面运行无效果
m0_66778036的博客
04-13 614
解决：在html中引入。
npm run dev后项目不能自动在浏览器中打开
weixin_30430169的博客
07-12 346
此时找到config文件夹下的index.js修改其中的autoOpenBrowser为true，保存重新运行项目即可。 转载于:https://www.cnblogs.com/ruilin/p/11177878.html
IntelliJ IDEA 运行 npm run dev出现“如何打开这个文件”
walk_fish_的博客
08-22 812
问题描述：用IntelliJ编写vue时，运行npm run dev出现“以何种方式打开这个文件？”如图解决方法：1.powershell中（或者IDEA的终端）运行命令“get-command npm”2.到这个路径下找到npm文件，应该是0KB的一个文件。3.删掉这个文件。然后在IDEA终端重新运行npm run dev，此时应该已经可以了。4.如果还不行，重新执行 npm install 正常安装，然后npm run dev试一试
idea启动vue项目npm run dev启动失败
weixin_53618357的博客
11-13 2561
使用命令 npm run dev 启动项目报了下面的错误，最主要的还是没有找到package.json这个文件。
VUE3 npm run dev后浏览器页空白,控制台也无报错信息
2301_79406053的博客
08-14 2386
错误原因:main.js样式导入出错。解决方式:注释掉即可。
解决IDEA的Terminal运行npm run dev失败的问题
Chloe__的博客
02-16 6916
在运行npm run dev失败了两次 第一次报错里提示没有找到package.json，查看了项目test_01_vue项目里的test_01_vue文件有没有package.json。我这里的原因是就因为vue在初始化项目时有些设置出错了，文件里确实没有package.json。 重新创建vue项目后如下重新初始化： 成功后就有package.json，如下： 完成后输入npm run dev仍然报错，不过是另一个原因 参考了各种解决方法后的结论： 原因是你的node_modules有意外改动，
vue 更改数据后页面不刷新的问题
葵宇科技的博客
01-07 1310
今天遇到的，通过v-if控制标签切换效果，出现没任何反应的情况。检测数据正常，只是页面没有渲染。 查了很多资料因为数据层次太多，render函数没有自动更新，需手动强制刷新。 通过 this.$forceUpdate(); 强制刷新即可 ...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

阳光正好2024

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

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

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

打赏作者

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

抵扣说明：

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

余额充值