详解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 相关文章推荐
js实现非常棒的弹出div
Oct 06 Javascript
基于JavaScript实现带缩略图的轮播效果
Jan 12 Javascript
JS设计模式之命令模式概念与用法分析
Feb 06 Javascript
在Vue项目中引入腾讯验证码服务的教程
Apr 03 Javascript
js删除数组中某几项的方法总结
Jan 16 Javascript
JS实现点击按钮随机生成可拖动的不同颜色块示例
Jan 30 Javascript
jQuery each和js forEach用法比较
Feb 27 jQuery
生产制造追溯系统之在线打印功能
Jun 03 Javascript
python实现迭代法求方程组的根过程解析
Nov 25 Javascript
微信小程序实现横向滚动导航栏效果
Dec 12 Javascript
一篇文章带你浅入webpack的DLL优化打包
Feb 20 Javascript
快速解决vue2+vue-cli3项目ie兼容的问题
Nov 17 Vue.js
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
对盗链说再见...
2006/10/09 PHP
让PHP支持页面回退的两种方法
2008/01/10 PHP
Laravel框架使用技巧之使用url()全局函数返回前一个页面的地址方法详解
2020/04/06 PHP
建议大家看下JavaScript重要知识更新
2007/07/08 Javascript
javascript iframe编程相关代码
2009/12/28 Javascript
jQuery验证Checkbox是否选中的代码 推荐
2011/09/04 Javascript
通过js动态操作table(新增,删除相关列信息)
2012/05/23 Javascript
jquery 实现窗口的最大化不论什么情况
2013/09/03 Javascript
Javascript排序算法之合并排序(归并排序)的2个例子
2014/04/04 Javascript
javascript删除数组重复元素的方法汇总
2015/06/24 Javascript
基于bootstrap的选择框插件icheck
2016/12/23 Javascript
js中编码函数:escape,encodeURI与encodeURIComponent详解
2017/03/21 Javascript
babel7.x和webpack4.x配置vue项目的方法步骤
2019/05/12 Javascript
[06:16]《DAC最前线》之地区预选赛全面回顾
2015/01/19 DOTA
[00:35]DOTA2上海特级锦标赛 VP战队宣传片
2016/03/04 DOTA
[37:47]IG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
[02:03]风行者至宝清风环佩外观展示
2020/09/05 DOTA
windows下安装Python和pip终极图文教程
2017/03/05 Python
Python 多进程并发操作中进程池Pool的实例
2017/11/01 Python
Python实现的银行系统模拟程序完整案例
2019/04/12 Python
Python 调用 Outlook 发送邮件过程解析
2019/08/08 Python
基于PyTorch的permute和reshape/view的区别介绍
2020/06/18 Python
全面总结使用CSS实现水平垂直居中效果的方法
2016/03/10 HTML / CSS
The North Face北面美国官网:美国著名户外品牌
2018/09/15 全球购物
技术经理的自我评价范文
2013/12/03 职场文书
读书演讲主持词
2014/03/18 职场文书
企业晚会策划方案
2014/05/29 职场文书
小学生迎国庆演讲稿
2014/09/05 职场文书
运动会搞笑广播稿
2014/10/14 职场文书
社保缴纳证明申请书
2014/11/03 职场文书
公司财务人员岗位职责
2015/04/14 职场文书
居住证明范文
2015/06/17 职场文书
如何利用js在两个html窗口间通信
2021/04/27 Javascript
一篇文章弄清楚Ajax请求的五个步骤
2022/03/17 Javascript
Flutter Navigator 实现路由传递参数
2022/04/22 Java/Android
WinServer2012搭建DNS服务器的方法步骤
2022/06/10 Servers