详解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 相关文章推荐
用Mootools获得操作索引的两种方法分享
Dec 12 Javascript
JavaScript词法作用域与调用对象深入理解
Nov 29 Javascript
jquery实现checkbox全选全不选的简单实例
Dec 31 Javascript
jquery自定义下拉列表示例
Apr 25 Javascript
jQuery html表格排序插件tablesorter使用方法详解
Feb 10 Javascript
vue 怎么创建组件及组件使用方法
Jul 27 Javascript
详解vue-router 命名路由和命名视图
Jun 01 Javascript
vscode 开发Vue项目的方法步骤
Nov 25 Javascript
node.js中express模块创建服务器和http模块客户端发请求
Mar 06 Javascript
实例分析Array.from(arr)与[...arr]到底有何不同
Apr 09 Javascript
JS基础之逻辑结构与循环操作示例
Jan 19 Javascript
在Angular中实现一个级联效果的下拉框的示例代码
May 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
自制短波长线天线频率预选器 - 成功消除B2K之流的镜像
2021/03/02 无线电
磨咖啡豆的密诀
2021/03/03 冲泡冲煮
PHP 数组排序方法总结 推荐收藏
2010/06/30 PHP
laravel 4安装及入门图文教程
2014/10/29 PHP
使用PHP生成PDF方法详解
2015/01/23 PHP
PHP常用设计模式之委托设计模式
2016/02/13 PHP
User Scripts: Video Download by User Scripts
2007/05/14 Javascript
Knockoutjs的环境搭建教程
2012/11/26 Javascript
prototype.js常用函数详解
2016/06/18 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
2017/02/14 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
2017/03/02 Javascript
Vue.js基础指令实例讲解(各种数据绑定、表单渲染大总结)
2017/07/03 Javascript
JS数组实现分类统计实例代码
2018/09/30 Javascript
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
2019/03/08 Javascript
vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果
2019/04/08 Javascript
简单了解Javscript中兄弟ifream的方法调用
2019/06/17 Javascript
vue实现短信验证码登录功能(流程详解)
2019/12/10 Javascript
ant-design-vue 时间选择器赋值默认时间的操作
2020/10/27 Javascript
[02:08:58]2014 DOTA2国际邀请赛中国区预选赛 Ne VS CIS
2014/05/22 DOTA
Python二分查找详解
2015/09/13 Python
Python正则表达式和元字符详解
2018/11/29 Python
python 3.3 下载固定链接文件并保存的方法
2018/12/18 Python
Python实现SQL注入检测插件实例代码
2019/02/02 Python
html5使用canvas实现弹幕功能示例
2017/09/11 HTML / CSS
英国领先的运动营养品牌:Protein Dynamix
2018/01/02 全球购物
Ibood荷兰:互联网每日最佳在线优惠
2019/02/28 全球购物
Club Monaco加拿大官网:设计师男女服装
2019/09/29 全球购物
法国床上用品商店:La Compagnie du lit
2019/12/26 全球购物
既然说Ruby中一切都是对象,那么Ruby中类也是对象吗
2013/01/26 面试题
学生会竞选自荐信
2013/10/12 职场文书
优秀大学生的自我评价
2014/01/16 职场文书
乡镇纠风工作实施方案
2014/03/22 职场文书
狮子林导游词
2015/02/03 职场文书
电力培训学习心得体会
2016/01/11 职场文书
mysql优化
2021/04/06 MySQL
Python代码风格与编程习惯重要吗?
2021/06/03 Python