详解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插入动态样式实现代码
Feb 22 Javascript
一个JS的日期格式化算法示例
Jul 31 Javascript
JavaScript的Polymer框架中dom-repeat与VM的相关操作
Jul 29 Javascript
jquery ztree实现树的搜索功能
Feb 25 Javascript
深入浅析JavaScript中with语句的理解
May 12 Javascript
JQuery 的跨域方法推荐_可跨任何网站
May 18 Javascript
Webpack打包慢问题的完美解决方法
Mar 16 Javascript
JavaScript无操作后屏保功能的实现方法
Jul 04 Javascript
es6新特性之 class 基本用法解析
May 05 Javascript
解决vue 打包发布去#和页面空白的问题
Sep 04 Javascript
如何在Vue中抽离接口配置文件
Oct 31 Javascript
ajax请求前端跨域问题原因及解决方案
Oct 16 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 日期时间处理函数小结
2009/12/18 PHP
CI框架装载器Loader.php源码分析
2014/11/04 PHP
Yii框架弹出框功能示例
2017/01/07 PHP
有道JavaScript监听浏览器的问题
2010/06/23 Javascript
简介AngularJS的HTML DOM支持情况
2015/06/17 Javascript
详解JavaScript基于面向对象之创建对象(2)
2015/12/10 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
2015/12/18 Javascript
Svg.js实例教程及使用手册详解(一)
2016/05/16 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
2017/01/05 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
2017/01/23 Javascript
canvas绘制一个常用的emoji表情
2017/03/30 Javascript
原生js轮播特效
2017/05/18 Javascript
Node.JS利用PhantomJs抓取网页入门教程
2017/05/19 Javascript
vue单个组件实现无限层级多选菜单功能
2018/04/10 Javascript
vue elementUI 表单校验功能之数组多层嵌套
2019/06/04 Javascript
在layui框架中select下拉框监听更改事件的例子
2019/09/20 Javascript
一篇文章看懂JavaScript中的回调
2021/01/05 Javascript
Python(Tornado)模拟登录小米抢手机
2013/11/12 Python
使用Python求解最大公约数的实现方法
2015/08/20 Python
结合Python的SimpleHTTPServer源码来解析socket通信
2016/06/27 Python
Python 中迭代器与生成器实例详解
2017/03/29 Python
python利用正则表达式排除集合中字符的功能示例
2017/10/10 Python
使用Python编写Prometheus监控的方法
2018/10/15 Python
python一些性能分析的技巧
2020/08/30 Python
Python中使用Selenium环境安装的方法步骤
2021/02/22 Python
HTML5中如何显示视频呢 HTML5视频播放demo
2013/06/08 HTML / CSS
Canvas绘制浮动球效果的示例
2017/12/29 HTML / CSS
英国一家集合了众多有才华设计师品牌的奢侈店:Wolf & Badger
2018/04/18 全球购物
华为智利官方商店:Huawei Chile
2020/05/09 全球购物
工程招投标邀请书
2014/01/26 职场文书
电气个人求职信范文
2014/02/04 职场文书
同学毕业留言寄语
2015/02/27 职场文书
2015年人力资源工作总结
2015/04/08 职场文书
入党积极分子党小组意见
2015/06/02 职场文书
2019请假条的基本格式及范文!
2019/07/05 职场文书
js前端图片加载异常兜底方案
2022/06/21 Javascript