vue项目无法热更新必须要npm run serve

披风. 2023-11-13 17:52:31

求助：我的电脑是macos 11.1版本的，我用node包管理工具切换node版本到14.0.0或者更高的版本，并且升级vue版本到3.0，因为公司项目有2.0的项目所以我又安装了vue的桥接工具，然后创建vue项目，所有vue项目（不管是2.0还是3.0的项目）运行起来后修改代码本地都不能自动重新编译，必须重新npm run serve 页面才能更新过来

...全文

448 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

kun-code 2023-12-05

打赏
举报

回复

hot: true写了么

天问-太一 2023-11-30

打赏
举报

回复

是因为项目是升级过来的吗？我创建的vue3的项目不会

huangfenzi 2023-11-14

打赏
举报

回复

写的好啊，感觉受益匪浅

在Vue项目中，可以使用npm run dev和npm run serve命令来启动开发服务器，但它们在不同的情况下使用。功能的开发服务器，以便在开发过程中实时预览和调试你的代码。这个命令通常在你需要进行。它会构建项目并启动一个服务器，用于提供已构建的静态文件。这个命令通常在你需要。功能，而npm run serve用于。npm run serve命令用于在。总结起来，npm run dev用于。npm run dev命令用于在。

在运行vue文件时，需要进行npm操作，但我们发现，有时候用的是npm run serve，而有的时候用的是npm run dev，二者有什么区别在我们运行一些 vue 项目的时候，输入npm run serve或者 npm run dev的其中一个时，系统会报错：然后我们就特别好奇，npm run serve 和 npm run dev 到底有什么区别，这时我们就打开 package.json 文件，观察这段代码：可以把这个 npm run serve 当做是 npm run package.jso

我们在启动vue项目的时候，需要用到npm操作，比如使用npm run serve或npm run dev。比如说我们下载其他人的开源vue项目时，我们想在本地运行时，我们用的到npm run serve或npm run dev有时候会出现报错，无论是serve还是dev都有出现报错的情况。

使用npm run dev还是npm run serve有两点原因 1. 脚手架版本号 vue-cli2使用npm run dev vue-clie3以上版本使用npm run serve 2. 配置问题如果安装的是vue-cli3可以将vue-cli2拉过来即在使用npm install -g @vue/cli安装完成脚手架之后输入命令npm install -g @vue/cli-init，然后再vue项目中的package.json中进行如下配置 "scripts": { "dev": "

前端开发过程中运行Vue项目的时候，有时候使用npm run serve命令可以启动项目，有时候却会报错；有时候使用npm run dev命令可以启动项目，有时候却也会报错。是什么原因造成这种情况呢，原因在于Vue脚手架版本的问题，也可以理解为执行配置的脚本问题，有的脚手架版本支持npm run serve命令启动项目，有的脚手架版本却支持npm run dev命令启动项目。那么本篇博文就来分享一下怎么避免由于脚手架版本不同造成的启动项目时候的报错问题。先来分享一个运行npm run serve命令启动

1,936

社区成员

866

社区内容

发帖

与我相关

我的任务

前端技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

亲爱的CSDN小伙伴你们好，我是一个全新的社区，成立之初请CSDN的小伙伴们帮忙推广一下我们VUE社区，欢迎大家来这里讨论VUE相关问题哦～

另外对社区做出重大贡献者，可以联系版主授予称号～

试试用AI创作助手写篇文章吧

+ 用AI写文章