详解Vue项目在其他电脑npm run dev运行报错的解决方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了详解Vue项目在其他电脑npm run dev运行报错的解决方法相关的知识,希望对你有一定的参考价值。

参考技术A 一个
Vue
项目从一台电脑上传到
github
上之后,再另外一台电脑上
git
clone
。并使用
npm
run
dev

npm
run
start
发生以下报错的解决方法。
报错原因
缺少
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就能成功运行项目了。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

以上是关于详解Vue项目在其他电脑npm run dev运行报错的解决方法的主要内容,如果未能解决你的问题,请参考以下文章

vue项目,手机电脑同一wifi防火墙也关闭了,npm run dev 运行pc端访问本地ip没问题,mobile端访问空白?

vue项目 npm run dev在Linux 持久运行

Vue 项目: npm run dev b报错 “'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序 或批处理文件。”

mac无法npm run dev VUE项目

vue项目启动时,npm run serve 和 npm run dev 的区别

vue项目启动时,npm run serve 和 npm run dev 的区别