详解Vue项目在其他电脑npm run dev运行报错的解决方法


Posted in Javascript onOctober 29, 2018

一个 Vue 项目从一台电脑上传到 github 上之后,再另外一台电脑上 git clone 。并使用 npm run dev 或 npm run start 发生以下报错的解决方法。

详解Vue项目在其他电脑npm run dev运行报错的解决方法

报错原因

缺少 node_modules 里面的依赖。在项目目录下使用 npm install

然后再 npm run dev。

如果在这一步当中, npm install 执行的过程中,处于一直卡顿的状态。说明网络状况不佳。建议使用 cnpm 淘宝源。

淘宝源

使用 cnpm -v 查看是否已经安装 cnpm。如果没有,使用 npm install cnpm -g --registry=https://registry.npm.taobao.org 命令安装。然后将上面 npm 的步骤命令改成 cnpm 即可。

补充:

默认电脑里已经安装Node.js

下载完别人的VUE项目后,我们执行下载所有依赖npm install后启动npm run dev运行的最后一步经常会报错,

不是缺少依赖模板,就是node_modules版本与本机安装的node和npm版本不一致。

今天遇到的问题就是版本不一致,例如我们的电脑中安装的node版本为6.10.3、npm版本为4.6.1。而项目中的版本为"node": ">= 4.0.0",  "npm": ">= 3.0.0"。

这样运行后终端会报错,无效的指令。

这时解决的方法就是直接删除vue项目中的node_modules,同时修改package.json文件里面的

"engines": {
  "node": ">= 4.0.0",
  "npm": ">= 3.0.0"
 },

将"node": ">= 4.0.0","npm": ">= 3.0.0"修改为"node": ">= 6.10.3","npm": ">= 4.6.1"(你电脑中node/npm的版本号)

然后执行npm install重新下载所有依赖

最后执行npm run dev就能成功运行项目了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 自动增长的文本输入框实现代码
Apr 02 Javascript
Knockout visible绑定使用方法
Nov 15 Javascript
理解javascript中的MVC模式
Jan 28 Javascript
RequireJS简易绘图程序开发
Oct 28 Javascript
火狐和ie下获取javascript 获取event的方法(推荐)
Nov 26 Javascript
AngularJS控制器controller给模型数据赋初始值的方法
Jan 04 Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
Sep 25 Javascript
发布一款npm包帮助理解npm的使用
Jan 03 Javascript
vue父组件触发事件改变子组件的值的方法实例详解
May 07 Javascript
详解基于Wepy开发小程序插件(推荐)
Aug 01 Javascript
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
Apr 27 Javascript
js实现表单项的全选、反选及删除操作示例
Jun 05 Javascript
Vue项目自动转换 px 为 rem的实现方法
Oct 29 #Javascript
vue 本地服务不能被外部IP访问的完美解决方法
Oct 29 #Javascript
Webstorm2016使用技巧(SVN插件使用)
Oct 29 #Javascript
vue实现类似淘宝商品评价页面星级评价及上传多张图片功能
Oct 29 #Javascript
JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值
Oct 29 #Javascript
简单说说angular.json文件的使用
Oct 29 #Javascript
JS 实现获取验证码 倒计时功能
Oct 29 #Javascript
You might like
安装PHP可能遇到的问题“无法载入mysql扩展” 的解决方法
2007/04/16 PHP
PHP 设计模式之观察者模式介绍
2012/02/22 PHP
PHP获取音频文件的相关信息
2015/06/22 PHP
Laravel利用gulp如何构建前端资源详解
2018/06/03 PHP
Dom加载让图片加载完再执行的脚本代码
2008/05/15 Javascript
jquery插件 autoComboBox 下拉框
2010/12/22 Javascript
jquery聚焦文本框与扩展文本框聚焦方法
2012/10/12 Javascript
javascript获取form里的表单元素的示例代码
2014/02/14 Javascript
JQuery中的html()、text()、val()区别示例介绍
2014/09/01 Javascript
不定义JQuery插件 不要说会JQuery
2016/03/07 Javascript
深入理解JavaScript中的并行处理
2016/09/22 Javascript
详解解决使用axios发送json后台接收不到的问题
2018/06/27 Javascript
Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
2018/08/08 Javascript
实例讲解JS中pop使用方法
2019/01/27 Javascript
Element Breadcrumb 面包屑的使用方法
2020/07/26 Javascript
Vue实现input宽度随文字长度自适应操作
2020/07/29 Javascript
es5 类与es6中class的区别小结
2020/11/09 Javascript
[00:36]DOTA2上海特级锦标赛 Archon战队宣传片
2016/03/04 DOTA
Python的Django框架使用入门指引
2015/04/15 Python
通过Python使用saltstack生成服务器资产清单
2016/03/01 Python
Window10+Python3.5安装opencv的教程推荐
2018/04/02 Python
详解Python发送email的三种方式
2018/10/18 Python
Python爬取365好书中小说代码实例
2020/02/28 Python
解决keras GAN训练是loss不发生变化,accuracy一直为0.5的问题
2020/07/02 Python
canvas像素点操作之视频绿幕抠图
2018/09/11 HTML / CSS
爱尔兰灯和灯具网上商店:Lights.ie
2018/03/26 全球购物
印度第一网上礼品店:IGP.com
2020/02/06 全球购物
WebSphere面试题:在WebSphere里面如何部署一个应用
2015/08/02 面试题
2014幼儿园家长工作总结
2014/11/10 职场文书
2015年助残日活动总结
2015/03/27 职场文书
孝女彩金观后感
2015/06/10 职场文书
汽车车尾标语大全
2015/08/11 职场文书
2016入党心得体会范文
2016/01/06 职场文书
中国古代史学名著《战国策》概述
2019/08/09 职场文书
导游词之潮音寺
2019/09/26 职场文书
Redis+AOP+自定义注解实现限流
2022/06/28 Redis