npm run serve与npm run dev的区别

这篇具有很好参考价值的文章主要介绍了npm run serve与npm run dev的区别。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

最近在运行前端项目时,有时用到npm run serve 有时用到npm run dev。

一般在 vue 3.x 的时候用 npm run serve,vue2.x项目运行的时候用到 npm  run dev,

dev是vue cli2的默认执行命令,servevue cli4的默认执行命令

例:在我们运行一些 vue 项目的时候,输入npm run serve或者 npm run dev的其中一个时,系统会报错

PS C:\Users\123456\Desktop> npm run dev
npm ERR! missing script: dev
 
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\LENOVO\AppData\Roaming\npm-cache\_logs\2022-03-27T01_05_59_189Z-debug.log
PS C:\Users\123456\Desktop\website> npm run serve

这时我们就打开 package.json 文件,观察这段代码:

"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},

可以把这个 npm run serve 当做是 npm run package.json 里面的scripts的value。
比如,npm run serve 实际运行的是 vue-cli-service serve;而如果你想使用npm run dev 的话,只需把 “serve” 修改为 “dev” 就行。如下:
 文章来源地址https://www.toymoban.com/news/detail-701239.html

"scripts": {
"dev": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},

到了这里,关于npm run serve与npm run dev的区别的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue项目启动npm install和npm run serve时出现错误Failed to resolve loader:node-sass

    解决方法: 解决方法: node sass-node loader-sass 14.16.0 4.14.1 8.0.2

    2024年04月26日
    浏览(53)
  • vue3.0运行npm run dev 报错Cannot find module node:url

    近期用vue3.0写项目,npm init vue@latest — npm install 都正常,npm run dev的时候报错如下: 因为使用的node版本是14.15.1低于15.0.0导致,安装node版本等于或者大于15.0.0版本,然后npm run dev即可。 不同的环境,对nodejs版本的要求不一样,我们可以使用nvm工具,管理和切换node.js的版本。 (

    2024年02月08日
    浏览(70)
  • [Vue]解决npm run dev报错node:internal/modules/cjs/loader:1031 throw err;

    有2中方法,建议先尝试第一种,不行再第二种 第一种: 重新安装依赖环境 删除项目的 node_modules 文件夹,重新执行 我只用了第一种方法就可以了 ,第二种方法从别的博主那看到的,我就先写上。  第二种: 降低webpack的版本 查看 package.json 中 webpack 的相关版本 如果执行npm u

    2024年02月12日
    浏览(141)
  • reify:rxjs: timing reifyNode:node_modules/@vue/cli/node_modules——————npm run dev报错-npm初始化错误

    金钱不够,全靠技术 原因是网络问题 2种解决方法 重新输入,多试几次就好了 可以尝试换个镜像 如果是淘宝镜像,建议前者,其他镜像的可以试试换换 如果还不行试试,官方镜像 当时的效果图以后再补上 效 果 图 下回补上效果图 尝试换个新文件夹试试,作者换个文件夹就

    2024年02月16日
    浏览(73)
  • 【npm run serve报错问题node.js版本太高】

    提示:这里描述项目中遇到的问题: npm run serve出现下面的报错问题 提示:这里填写该问题的具体解决方案: 1、方法一: 在命令行修改环境变量: $env:NODE_OPTIONS=\\\"--openssl-legacy-provider\\\" 在启动项目: yarn start 2、方法二: 使用nvm将node修改为不高于16的版本

    2024年01月18日
    浏览(59)
  • vue执行配置选项npm run serve的本质

    目录 vue执行配置选项npm run serve运行开发服务器的本质 一、启动开发服务器、调用“工具链”、编译、并运行当前工程 二、npm run serve内部原理分析 三、vue编译运行过程 喜欢的,就收藏并点个赞,便于观看下篇文章: npm run serve         该命令的配置文件在当前工程的pack

    2024年01月21日
    浏览(45)
  • 前端启动项目npm run dev报错npm ERR! missing script: dev

    今天遇到了这样一个nt问题 突然前端跑不起来 后面发现是进行npm run dev 命令的时候少进入一层目录 进去之后就可以了 对此遇到这个bug我还查了很多blog 发现还有以下两种原因 1. 打开的是当前文件夹,但是文件夹package.js里的scripts确实没有dev, 输入vue init webpack 将package.json中丢

    2024年02月02日
    浏览(45)
  • 若依前端npm run dev启动时报错

    本文主要解决问题:若依前端npm run dev启动时报错,解决办法。 目录 1、第1种解决方案(亲测有效) 2、第2种解决方案(亲测有效)

    2024年02月12日
    浏览(41)
  • vue项目启动npm run serve常见报错及解决办法

    如图: 解决方法 :重新安装core-js , npm i core-js Syntax Error: EslintPluginImportResolveError: unable to load resolver “alias”. 解决方法 :npm install eslint-import-resolver-alias -D Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (83) For more information on which environments are

    2024年02月15日
    浏览(48)
  • 解决npm run dev跑项目,发现node版本不匹配,怎么跑起来?【已解决】

    首先问题点就是我们npm run dev 运行项目的时候发现出错,跑不起来,类型下面这种 这里的出错的原因在于我们的node版本跟项目的版本不匹配 解决办法  我这里的问题是我的版本是node14的,然后项目需要node20的,执行下面的就可以正常跑起来 下面是跑起来的效果

    2024年04月14日
    浏览(54)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包