详解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 相关文章推荐
javascript面向对象之Javascript 继承
May 04 Javascript
js 立即调用的函数表达式如何写
Jan 12 Javascript
JavaScript中文件上传API详解
Apr 01 Javascript
Web前端新人笔记之jquery入门心得(新手必看)
May 17 Javascript
JavaScript实现时间倒计时跳转(推荐)
Jun 28 Javascript
AngularJS 应用身份认证的技巧总结
Nov 07 Javascript
浅谈 Vue v-model指令的实现原理
Jun 08 Javascript
前端图片懒加载(lazyload)的实现方法(提高用户体验)
Aug 21 Javascript
webpack中CommonsChunkPlugin详细教程(小结)
Nov 09 Javascript
解决layer 动态加载select 失效的问题
Sep 18 Javascript
JS实现网站楼层导航效果代码实例
Jun 16 Javascript
在vue中实现禁止回退上一步,路由不存历史记录
Jul 22 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中__get()和__set()的用法实例详解
2013/06/04 PHP
PHP中的随机性 你觉得自己幸运吗?
2016/01/22 PHP
简要剖析PHP的Yii框架的组件化机制的基本知识
2016/03/17 PHP
如果文字过长,则将过长的部分变成省略号显示
2006/06/26 Javascript
设置下载不需要倒计时cookie(倒计时代码)
2008/11/19 Javascript
JavaScript CSS菜单功能 改进版
2008/12/20 Javascript
javascript 特殊字符串
2009/02/25 Javascript
有趣的JavaScript数组长度问题代码说明
2011/01/20 Javascript
理解javascript中的严格模式
2016/02/01 Javascript
JavaScript中Form表单技术汇总(推荐)
2016/06/26 Javascript
js改变css样式的三种方法推荐
2016/06/28 Javascript
Three.js利用orbit controls插件(轨道控制)控制模型交互动作详解
2017/09/25 Javascript
vue 中filter的多种用法
2018/04/26 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
2018/08/06 Javascript
详解nuxt 微信公众号支付遇到的问题与解决
2019/08/26 Javascript
[00:58]2016年国际邀请赛勇士令状宣传片
2016/06/01 DOTA
[02:21]2018完美盛典章节片——初心
2018/12/17 DOTA
Python使用Scrapy爬虫框架全站爬取图片并保存本地的实现代码
2018/03/04 Python
详解pyqt5 动画在QThread线程中无法运行问题
2018/05/05 Python
python批量修改文件夹及其子文件夹下的文件内容
2019/03/15 Python
不到40行代码用Python实现一个简单的推荐系统
2019/05/10 Python
Django在Model保存前记录日志实例
2020/05/14 Python
python实现在列表中查找某个元素的下标示例
2020/11/16 Python
CSS3中的常用选择器使用示例整理
2016/06/13 HTML / CSS
实体的生命周期
2013/08/31 面试题
大学生毕业自我鉴定
2013/11/06 职场文书
好邻里事迹材料
2014/01/16 职场文书
餐饮采购员岗位职责
2014/03/15 职场文书
公司请假条范文
2014/04/11 职场文书
大学班级文化建设方案
2014/05/06 职场文书
社区禁毒工作方案
2014/06/02 职场文书
装配出错检讨书
2014/09/23 职场文书
2015年幼儿园教育教学工作总结
2015/05/25 职场文书
党员转正介绍人意见
2015/06/03 职场文书
2016最新离婚协议书范本及程序
2016/03/18 职场文书
python利用while求100内的整数和方式
2021/11/07 Python