运行别人的vue项目(运行别人的vue项目出现POST)
发布网友
发布时间：2024-10-02 18:22
共1个回答
热心网友
时间：2024-10-30 17:26
报错：
errorcodeERR_SOCKET_TIMEOUT
?errornetworkSockettimeout
errornetworkThisisaproblemrelatedtonetworkconnectivity.
?errornetworkInmostcasesyouarebehindaproxyorhavebadnetworksettings.
?errornetwork
errornetworkIfyouarebehindaproxy,pleasemakesurethatthe
?errornetwork'proxy'configissetproperly.?See:'npmhelpconfig'
?verboseexit1
解决办法：
#清除缓存
npmconfigsetproxyfalse
#清除缓存
npmcacheclean
一、进入项目目录
npminstall
二、执行
npmrunserve
运行其他人的vue项目中为什么要删除vue-moles然后安装才能正常运行？不一定要删除啊。只是可能说moles文件目录太大，不方便打包解压。而且在开发的过程中，可能v2.0版本新加了一些模块、插件。原来可以用的v1.0版本在转移后，同步v2.0时没有同时转移mole，只转移了src里面的代码，这会导致某些地方不可用。所以还不如直接排除moles,然后根据最新的package.json去安装最新的。方便省事。
拉取Vue项目运行问题从云上拉取的vue项目一般会缺少node_moles，需要先安装node_moles，再运行。
安装node_moles，从项目目录进入命令行，运行命令：npminstall
运行：npmrunserve
如何进入项目目录，在文件中的项目目录下，直接在路径处输入cmd
有时候会遇到包找不到的情况，需要使用命令寻找：npmfund
有时候可能会遇到错误，需要修复包：npmauditfix
详解Vue项目在其他电脑npmrundev运行报错的解决方法一个
Vue
项目从一台电脑上传到
github
上之后，再另外一台电脑上
git
clone
。并使用
npm
run
dev
或
npm
run
start
发生以下报错的解决方法。
报错原因
缺少
node_moles
里面的依赖。在项目目录下使用
npm
install
然后再
npm
run
dev。
如果在这一步当中，
npm
install
执行的过程中，处于一直卡顿的状态。说明网络状况不佳。建议使用
cnpm
淘宝源。
淘宝源
使用
cnpm
-v
查看是否已经安装
cnpm。如果没有，使用
npm
install
cnpm
-g
--registry=
命令安装。然后将上面
npm
的步骤命令改成
cnpm
即可。
补充：
默认电脑里已经安装Node.js
下载完别人的VUE项目后，我们执行下载所有依赖npm
install后启动npm
run
dev运行的最后一步经常会报错，
不是缺少依赖模板，就是node_moles版本与本机安装的node和npm版本不一致。
今天遇到的问题就是版本不一致，例如我们的电脑中安装的node版本为6.10.3、npm版本为4.6.1。而项目中的版本为"node":
"=
4.0.0",
"npm":
"=
3.0.0"。
这样运行后终端会报错，无效的指令。
这时解决的方法就是直接删除vue项目中的node_moles，同时修改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项目build打包后如何运行
之前用Vue做了一个登录系统的项目，使用npmrunbuild命令进行打包，经过vue-cli3.0版本的优化，打包后的dist文件夹体积非常小，我的才200K左右，可以看出Vue打包的优化十分不错，但是直接打开index.html是无法看到内容的，因为无法加载其中的内容，所以必须使用服务器来打开网页，我笔记本上装了express，所以就使用express来查看这个项目，介于有的朋友刚学Vue对于build打包后如何查看网页这点有疑问，我就给出解决办法：
1.全局安装express-generator生成器。
express-generator是express新版本分离出来的命令工具，想要使用express命令必须装这个依赖。
npminstallexpress-generator-g?//?也可使用cnpm比较快
2.创建一个express项目。
expressexpressName?//?expressName是项目名
3.进入项目目录，安装相关项目依赖。
cdexpressName
npminstall?//?或cnpminstall
4.将Vuebuild后生成的dist文件夹下的所有文件复制到express项目的publick文件夹下面，然后运行??npmstart?来启动express项目。
5.打开浏览器，输入localhost:3000就可以看到效果了。
备注：这个3000是你自己设置的端口号，如果你设置888，那么你就要输入localhost:888。
但打包完后有时候点击index.html，通过浏览器运行，出现以下报错，如图：
1、查看package.js文件的scripts命令
2、打开webpack.dev.conf.js文件，找到publicPath:config.dev.assetsPublicPath,按Ctrl点击，跳转到index.js文件
3、其中dev是开发环境，build是构建版本，找到build下面的assetsPublicPath:'/',然后修改为assetsPublicPath:'./',即“/”前加点。
4、终端运行npmrunbuild即可。
此时点击index.html，通过浏览器运行便，会发现动态绑定的static的图片找不到，故static必须使用绝对路径。将图片路径修改为绝对路径，至此，打包完成。
还有什么问题大家可以留言，我能帮忙解决的会第一时间回复。
