详解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 相关文章推荐
个人总结的一些关于String、Function、Array的属性和用法
Jan 10 Javascript
可以显示单图片,多图片ajax请求的ThickBox3.1类下载
Dec 23 Javascript
JavaScript flash复制库类 Zero Clipboard
Jan 17 Javascript
jQuery遍历Form示例代码
Sep 03 Javascript
原生JS实现旋转木马式图片轮播插件
Apr 25 Javascript
Jquery对新插入的节点 绑定Click事件失效的解决方法
Jun 02 Javascript
Angularjs---项目搭建图文教程
Jul 08 Javascript
微信小程序 解决swiper不显示图片的方法
Jan 04 Javascript
JS创建Tag标签的方法详解
Jun 09 Javascript
微信小程序自定义toast实现方法详解【附demo源码下载】
Nov 28 Javascript
简述pm2常用命令集合及配置文件说明
May 30 Javascript
关于Vue中axios的封装实例详解
Oct 20 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
使用apache模块rewrite_module (转)
2007/02/14 PHP
PHP 计算至少是其他数字两倍的最大数的实现代码
2020/05/26 PHP
动态改变textbox的宽高的js
2006/10/26 Javascript
js 多种变量定义(对象直接量,数组直接量和函数直接量)
2010/05/24 Javascript
jquery.validate使用攻略 第二部
2010/07/01 Javascript
关于JavaScript定义类和对象的几种方式
2010/11/09 Javascript
JavaScript 选中文字并响应获取的实现代码
2011/08/28 Javascript
各浏览器对document.getElementById等方法的实现差异解析
2013/12/05 Javascript
javascript实现页面内关键词高亮显示代码
2014/04/03 Javascript
通过js来制作复选框的全选和不选效果
2014/05/22 Javascript
JavaScript实现网页加载进度条代码超简单
2015/09/21 Javascript
jQuery实现的AJAX简单弹出层效果代码
2015/11/26 Javascript
Vue.2.0.5实现Class 与 Style 绑定的实例
2017/06/20 Javascript
小发现之浅谈location.search与location.hash的问题
2017/06/23 Javascript
vue.js实例todoList项目
2017/07/07 Javascript
js HTML5 canvas绘制图片的方法
2017/09/08 Javascript
js实现动态改变radio状态的方法
2018/02/28 Javascript
[jQuery] 事件和动画详解
2019/03/05 jQuery
Vue 通过公共字段,拼接两个对象数组的实例
2019/11/07 Javascript
Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例
2020/11/18 Vue.js
[57:16]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第二场
2014/05/26 DOTA
[49:08]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第一场 11.27
2020/12/01 DOTA
[06:07]DOTA2-DPC中国联赛 正赛 Ehome vs VG 选手采访
2021/03/11 DOTA
改进Django中的表单的简单方法
2015/07/17 Python
python用10行代码实现对黄色图片的检测功能
2015/08/10 Python
Python实现查找字符串数组最长公共前缀示例
2019/03/27 Python
Python异步操作MySQL示例【使用aiomysql】
2019/05/16 Python
Django框架首页和登录页分离操作示例
2019/05/28 Python
python统计函数库scipy.stats的用法解析
2020/02/25 Python
使用Python发现隐藏的wifi
2020/03/04 Python
Looking4Parking美国:全球排名第一的机场停车比较品牌
2019/08/26 全球购物
幼儿园新学期寄语
2014/01/18 职场文书
函授大学生自我鉴定
2014/02/05 职场文书
本科毕业自我鉴定
2014/03/20 职场文书
小学运动会前导词
2015/07/20 职场文书
工人先锋号事迹材料(2016精选版)
2016/03/01 职场文书