详解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获取Form表单中被选中的radio值
Aug 09 Javascript
js格式化货币数据实现代码
Sep 04 Javascript
js判断登陆用户名及密码是否为空的简单实例
May 16 Javascript
jQuery实现复选框的全选和反选
Feb 02 Javascript
使用Math.max,Math.min获取数组中的最值实例
Apr 25 Javascript
Vue开发中整合axios的文件整理
Apr 29 Javascript
微信小程序实现折叠面板
Jan 31 Javascript
webpack-dev-server远程访问配置方法
Feb 22 Javascript
vue2.5.2使用http请求获取静态json数据的实例代码
Feb 27 Javascript
Vue结合后台导入导出Excel问题详解
Feb 19 Javascript
js String.prototype.trim字符去前后空格的扩展
Aug 23 Javascript
vue中div禁止点击事件的实现
Apr 02 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
sony ICF-2010 拆解与改装
2021/03/02 无线电
php中的钩子理解及应用实例分析
2019/08/30 PHP
Laravel 实现添加多语言提示信息
2019/10/25 PHP
jquery 弹出层注册页面等(asp.net后台)
2010/06/17 Javascript
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
2011/03/12 Javascript
js window.onload 加载多个函数和追加函数详解
2014/01/08 Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
2014/08/14 Javascript
JavaScript自定义数组排序方法
2015/02/12 Javascript
jQuery操作JSON的CRUD用法实例
2015/02/25 Javascript
jquery中cookie用法实例详解(获取,存储,删除等)
2016/01/04 Javascript
Js得到radiobuttonlist选中值的两种方法(推荐)
2016/08/25 Javascript
js改变html的原有内容实现方法
2016/10/05 Javascript
关于webuploader插件使用过程遇到的小问题
2016/11/07 Javascript
JS函数多个参数默认值指定方法分析
2016/11/28 Javascript
javascript 秒表计时器实现代码
2017/03/09 Javascript
webpack使用 babel-loader 转换 ES6代码示例
2017/08/21 Javascript
小程序tab页无法传递参数的方法
2018/08/03 Javascript
深入学习JavaScript中的bom
2019/05/27 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
2019/06/04 Javascript
vue开发简单上传图片功能
2020/06/30 Javascript
Vue中的this.$options.data()和this.$data用法说明
2020/07/26 Javascript
python基础教程之对象和类的实际运用
2014/08/29 Python
Python 实现简单的shell sed替换功能(实例讲解)
2017/09/29 Python
python中字典按键或键值排序的实现代码
2019/08/27 Python
三步解决python PermissionError: [WinError 5]拒绝访问的情况
2020/04/22 Python
基于python连接oracle导并出数据文件
2020/04/28 Python
解决pycharm安装第三方库失败的问题
2020/05/09 Python
CSS3 :not()选择器实现最后一行li去除某种css样式
2016/10/19 HTML / CSS
详解CSS3:overflow属性
2020/11/17 HTML / CSS
英国女性时尚鞋类的潮流制造者:Koi Footwear
2018/10/19 全球购物
电脑销售顾问自荐信
2014/01/29 职场文书
公司联欢晚会主持词
2014/03/22 职场文书
一体化教学实施方案
2014/05/10 职场文书
有关九一八事变的演讲稿
2014/09/14 职场文书
2014年党建工作汇报材料
2014/10/27 职场文书
浅谈克隆 JavaScript
2021/11/02 Javascript