详解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 相关文章推荐
jquery 单击li防止重复加载的实现代码
Dec 24 Javascript
jQuery判断iframe中元素是否存在的方法
May 11 Javascript
js和jquery中循环的退出和继续学习记录
Sep 06 Javascript
jQuery左右滚动支持图片放大缩略图图片轮播代码分享
Aug 26 Javascript
javascript实现自动填写表单实例简析
Dec 02 Javascript
JavaScript 计算笛卡尔积实例详解
Dec 02 Javascript
Angular使用ng-messages与PHP进行表单数据验证
Dec 28 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
Mar 06 Javascript
详解如何用模块化的方式写vuejs
Dec 16 Javascript
Vue批量图片显示时遇到的路径被解析问题
Mar 28 Javascript
vue+koa2搭建mock数据环境的详细教程
May 18 Javascript
Vue中插槽slot的使用方法与应用场景详析
Jun 08 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
用php+mysql一个名片库程序
2006/10/09 PHP
让你同时上传 1000 个文件 (一)
2006/10/09 PHP
PHP 向右侧拉菜单实现代码,测试使用中
2009/11/03 PHP
2017年最新PHP经典面试题目汇总(上篇)
2017/03/17 PHP
php设计模式之观察者模式实例详解【星际争霸游戏案例】
2020/03/30 PHP
jQuery 连续列表实现代码
2009/12/21 Javascript
jQuery的实现原理的模拟代码 -3 事件处理
2010/08/03 Javascript
jQuery学习笔记之Helloworld
2010/12/22 Javascript
原生js事件的添加和删除的封装
2014/07/01 Javascript
js滑动提示效果代码分享
2016/03/10 Javascript
Vue.js教程之计算属性
2016/11/11 Javascript
Vue.js鼠标悬浮更换图片功能
2017/05/17 Javascript
浅谈JS获取元素的N种方法及其动静态讨论
2017/08/25 Javascript
谈谈JS中的!!
2017/12/07 Javascript
JavaScript对象的浅拷贝与深拷贝实例分析
2018/07/25 Javascript
详解TypeScript+Vue 插件 vue-class-component的使用总结
2019/02/18 Javascript
vue中axios的二次封装实例讲解
2019/10/14 Javascript
weui上传多图片,压缩,base64编码的示例代码
2020/06/22 Javascript
python正则表达式中的括号匹配问题
2014/12/14 Python
用Python程序抓取网页的HTML信息的一个小实例
2015/05/02 Python
举例讲解Django中数据模型访问外键值的方法
2015/07/21 Python
Python网络爬虫中的同步与异步示例详解
2018/02/03 Python
Python发送http请求解析返回json的实例
2018/03/26 Python
对python中list的拷贝与numpy的array的拷贝详解
2019/01/29 Python
django连接oracle时setting 配置方法
2019/08/29 Python
Python序列化与反序列化pickle用法实例
2019/11/11 Python
使用pytorch完成kaggle猫狗图像识别方式
2020/01/10 Python
python烟花效果的代码实例
2020/02/25 Python
使用Pycharm分段执行代码
2020/04/15 Python
英国日常交易网站:Wowcher
2018/09/04 全球购物
现金出纳岗位职责
2014/03/15 职场文书
竞聘演讲稿精彩开头和结尾
2014/05/14 职场文书
建筑施工安全责任书
2014/07/24 职场文书
介绍信模板
2015/01/31 职场文书
介绍信格式样本
2015/05/05 职场文书
CentOS MySql8 远程连接实战
2022/04/19 MySQL