详解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 的Document属性和方法集合
Jan 25 Javascript
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析
Mar 12 Javascript
js判断变量是否未定义的代码
Mar 28 Javascript
结合JQ1.9通过js正则判断各种浏览器版本的方法
Dec 30 Javascript
jQuery中prepend()方法使用详解
Aug 11 Javascript
借助FileReader实现将文件编码为Base64后通过AJAX上传
Dec 24 Javascript
jQuery加载及解析XML文件的方法实例分析
Jan 22 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
Jul 20 Javascript
Angular 实现输入框中显示文章标签的实例代码
Nov 07 Javascript
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
May 10 Javascript
Vue+Java+Base64实现条码解析的示例
Sep 23 Javascript
浅谈Vue的computed计算属性
Mar 21 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 采集获取指定网址的内容
2010/01/05 PHP
php递归使用示例(php递归函数)
2014/02/14 PHP
PHP中你应该知道的require()文件包含的正确用法
2015/06/12 PHP
PHP设置进度条的方法
2015/07/08 PHP
php 如何设置一个严格控制过期时间的session
2017/05/05 PHP
总结一些PHP中好用但又容易忽略的小知识
2017/06/02 PHP
PHP切割整数工具类似微信红包金额分配的思路详解
2019/09/18 PHP
List the Codec Files on a Computer
2007/06/18 Javascript
javascript实现上传图片前的预览(TX的面试题)
2007/08/20 Javascript
根据一段代码浅谈Javascript闭包
2010/12/14 Javascript
javascript表单验证 - Parsley.js使用和配置
2013/01/25 Javascript
JS小功能(offsetLeft实现图片滚动效果)实例代码
2013/11/28 Javascript
利用js制作html table分页示例(js实现分页)
2014/04/25 Javascript
学习使用grunt来打包JavaScript和CSS程序的教程
2016/01/04 Javascript
JavaScript 浏览器兼容性总结及常用浏览器兼容性分析
2016/03/30 Javascript
AngularJS实现进度条功能示例
2017/07/05 Javascript
深入理解vue.js中$watch的oldvalue与newValue
2017/08/07 Javascript
vue.js 实现图片本地预览 裁剪 压缩 上传功能
2018/03/01 Javascript
JavaScript生成指定范围的时间列表
2018/03/19 Javascript
基于vue v-for 多层循环嵌套获取行数的方法
2018/09/26 Javascript
微信小程序使用setData修改数组中单个对象的方法分析
2018/12/30 Javascript
详解elementui之el-image-viewer(图片查看器)
2019/08/30 Javascript
利用Python和OpenCV库将URL转换为OpenCV格式的方法
2015/03/27 Python
python如何通过twisted实现数据库异步插入
2018/03/20 Python
python numpy格式化打印的实例
2018/05/14 Python
Python3.6实现连接mysql或mariadb的方法分析
2018/05/18 Python
python requests 库请求带有文件参数的接口实例
2019/01/03 Python
python十进制转二进制的详解
2020/02/07 Python
matplotlib图例legend语法及设置的方法
2020/07/28 Python
python跨文件使用全局变量的实现
2020/11/17 Python
详解HTML5中表单验证的8种方法介绍
2016/12/19 HTML / CSS
SmartBuyGlasses荷兰:购买太阳镜和眼镜
2020/03/16 全球购物
what is the difference between ext2 and ext3
2015/08/25 面试题
旅游个人求职信范文
2014/01/30 职场文书
关于销售人员的年终工作总结要点
2019/08/15 职场文书
js判断两个数组相等的5种方法
2022/05/06 Javascript