详解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 构造函数 面相对象学习必备知识
Jun 09 Javascript
jquery 扑捉回车键事件代码
Apr 24 Javascript
javascript定时器完整实例
Feb 10 Javascript
详解JavaScript中的4种类型识别方法
Sep 14 Javascript
关于获取DIV内部内容报错的原因分析及解决办法
Jan 29 Javascript
浅析jquery数组删除指定元素的方法:grep()
May 19 Javascript
JavaScript中关于iframe滚动条的去除和保留
Nov 17 Javascript
jQuery File Upload文件上传插件使用详解
Dec 06 Javascript
js控制按钮,防止频繁点击响应的实例
Feb 15 Javascript
webpack-dev-server远程访问配置方法
Feb 22 Javascript
详解使用jest对vue项目进行单元测试
Sep 07 Javascript
Vue替代marquee标签超出宽度文字横向滚动效果
Dec 09 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遍历文件目录与清除目录中文件的实现详解
2013/06/24 PHP
php汉字转拼音的示例
2014/02/27 PHP
PHP里8个鲜为人知的安全函数分析
2014/12/09 PHP
php实现微信公众号无限群发
2015/10/11 PHP
浅析Yii2 GridView 日期格式化并实现日期可搜索教程
2016/04/22 PHP
PHP实现json_decode不转义中文的方法
2017/05/20 PHP
php抽象类和接口知识点整理总结
2019/08/02 PHP
php进行md5加密简单实例方法
2019/09/19 PHP
如何使用JS获取IE上传文件路径(IE7,8)
2013/07/08 Javascript
使用jquery hover事件实现表格的隔行换色功能示例
2013/09/03 Javascript
抛弃Nginx使用nodejs做反向代理服务器
2014/07/17 NodeJs
jQuery中change事件用法实例
2014/12/26 Javascript
jQuery标签编辑插件Tagit使用指南
2015/04/21 Javascript
原生JavaScript实现异步多文件上传
2015/12/02 Javascript
jQuery点击改变class并toggle及toggleClass()方法定义用法
2015/12/11 Javascript
bootstrap和jQuery.Gantt的css冲突 如何解决
2016/05/29 Javascript
javascript基础知识
2016/06/07 Javascript
仿百度换肤功能的简单实例代码
2016/07/11 Javascript
JavaScript实现广告弹窗效果
2016/08/09 Javascript
vue-loader教程介绍
2017/06/14 Javascript
简述jQuery Easyui一些用法
2017/08/01 jQuery
使用jquery+iframe做一个ajax上传效果(实例)
2017/08/24 jQuery
[02:41]DOTA2英雄基础教程 谜团
2013/12/10 DOTA
Python实现PS滤镜功能之波浪特效示例
2018/01/26 Python
Python中利用aiohttp制作异步爬虫及简单应用
2018/11/29 Python
python生成随机红包的实例写法
2019/09/02 Python
Python数据可视化处理库PyEcharts柱状图,饼图,线性图,词云图常用实例详解
2020/02/10 Python
Python3+Django get/post请求实现教程详解
2021/02/16 Python
微软台湾官方网站:Microsoft台湾
2018/08/15 全球购物
初中同学聚会邀请函
2014/02/03 职场文书
计算机网络专业自荐书
2014/06/09 职场文书
关于爱国的标语
2014/06/24 职场文书
个人租房协议书范本
2014/09/30 职场文书
党小组评议意见
2015/06/02 职场文书
职场领导同事生日简短祝福语
2019/08/06 职场文书
Vue Element-ui表单校验规则实现
2021/07/09 Vue.js