详解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模拟的Ping效果代码 (Web Ping)
Mar 13 Javascript
JavaScript词法作用域与调用对象深入理解
Nov 29 Javascript
通过js来制作复选框的全选和不选效果
May 22 Javascript
点击表单提交时出现jQuery没有权限的解决方法
Jul 23 Javascript
详解JavaScript对W3C DOM模版的支持情况
Jun 16 Javascript
node.js 中国天气预报 简单实现
Jun 06 Javascript
webpack4 SCSS提取和懒加载的示例
Sep 03 Javascript
JS 5种遍历对象的方式
Jun 16 Javascript
如何使用three.js 制作一个三维的推箱子游戏
Jul 29 Javascript
VUE中V-IF条件判断改变元素的样式操作
Aug 09 Javascript
jQuery实现动态加载瀑布流
Sep 01 jQuery
react-intl实现React国际化多语言的方法
Sep 27 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
第十三节 对象串行化 [13]
2006/10/09 PHP
BBS(php & mysql)完整版(五)
2006/10/09 PHP
php引用传值实例详解学习
2013/11/06 PHP
YII Framework框架教程之日志用法详解
2016/03/14 PHP
jQuery+php简单实现全选删除的方法
2016/11/28 PHP
javascript Discuz代码中的msn聊天小功能
2008/05/25 Javascript
一个挺有意思的Javascript小问题说明
2011/09/26 Javascript
html dom节点操作(获取/修改/添加或删除)
2014/01/23 Javascript
微信小程序 swiper组件详解及实例代码
2016/10/25 Javascript
简单理解js的prototype属性及使用
2016/12/07 Javascript
python 队列详解及实例代码
2016/10/18 Python
Python字典实现简单的三级菜单(实例讲解)
2017/07/31 Python
Python编程实现从字典中提取子集的方法分析
2018/02/09 Python
python实现将多个文件分配到多个文件夹的方法
2019/01/07 Python
python如何解析配置文件并应用到项目中
2019/06/27 Python
Tensorflow的梯度异步更新示例
2020/01/23 Python
详解基于Jupyter notebooks采用sklearn库实现多元回归方程编程
2020/03/25 Python
tensorflow模型文件(ckpt)转pb文件的方法(不知道输出节点名)
2020/04/22 Python
在python中使用pyspark读写Hive数据操作
2020/06/06 Python
python脚本第一行如何写
2020/08/30 Python
HTML5引入的新数组TypedArray介绍
2012/12/24 HTML / CSS
佳能法国商店:Canon法国
2019/02/14 全球购物
澳大利亚二手奢侈品网站:Modsie
2019/09/23 全球购物
大学毕业生自荐书怎么写?
2014/01/06 职场文书
个人现实表现材料
2014/02/04 职场文书
小露珠教学反思
2014/04/30 职场文书
小学生三分钟演讲稿
2014/08/18 职场文书
竞聘演讲稿怎么写
2014/08/28 职场文书
个人作风建设剖析材料
2014/10/11 职场文书
小学公民道德宣传日活动总结
2015/03/23 职场文书
贫困证明怎么写
2015/06/16 职场文书
2019企业文化管理制度范本!
2019/08/06 职场文书
html5移动端禁止长按图片保存的实现
2021/04/20 HTML / CSS
上手简单,功能强大的Python爬虫框架——feapder
2021/04/27 Python
Python3 多线程(连接池)操作MySQL插入数据
2021/06/09 Python
ubuntu开机后ROS程序自启动问题
2022/12/24 Servers