运行vue项目
报错:
error code ERR_SOCKET_TIMEOUT
error network Socket timeout
error network This is a problem related to network connectivity.
error network In most cases you are behind a proxy or have bad network settings.
error network
error network If you are behind a proxy, please make sure that the
error network 'proxy' config is set properly. See: 'npm help config'
verbose exit 1
解决办法:
# 清除缓存
npm config set proxy false
# 清除缓存
npm cache clean
一、进入项目目录
npm install
二、执行
npm run serve
运行其他人的vue项目中为什么要删除vue-modules然后安装才能正常运行?
不一定要删除啊。只是可能说modules文件目录太大,不方便打包解压。而且在开发的过程中,可能v2.0版本新加了一些模块、插件。原来可以用的v1.0版本在转移后,同步v2.0时没有同时转移module,只转移了src里面的代码,这会导致某些地方不可用。所以还不如直接排除modules,然后根据最新的package.json去安装最新的。方便省事。
拉取Vue项目运行问题
从云上拉取的vue项目一般会缺少node_modules,需要先安装node_modules,再运行。
安装node_modules,从项目目录进入命令行,运行命令:npm install
运行:npm run serve
如何进入项目目录,在文件中的项目目录下,直接在路径处输入cmd
有时候会遇到包找不到的情况,需要使用命令寻找:npm fund
有时候可能会遇到错误,需要修复包:npm audit fix
详解Vue项目在其他电脑npm run dev运行报错的解决方法
一个
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=
命令安装。然后将上面
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项目build打包后如何运行
之前用Vue做了一个登录系统的项目,使用npm run build命令进行打包,经过vue-cli3.0版本的优化,打包后的dist文件夹体积非常小,我的才200K左右,可以看出Vue打包的优化十分不错,但是直接打开index.html是无法看到内容的,因为无法加载其中的内容,所以必须使用服务器来打开网页,我笔记本上装了express,所以就使用express来查看这个项目,介于有的朋友刚学Vue对于build打包后如何查看网页这点有疑问,我就给出解决办法:
1.全局安装express-generator生成器。
express-generator是express新版本分离出来的命令工具,想要使用express命令必须装这个依赖。
npm install express-generator -g // 也可使用cnpm比较快
2.创建一个express项目。
express expressName // expressName是项目名
3.进入项目目录,安装相关项目依赖。
cd expressName
npm install // 或cnpm install
4.将Vue build后生成的dist文件夹下的所有文件复制到express项目的publick文件夹下面,然后运行 npm start 来启动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、终端运行 npm run build 即可。
此时点击index.html,通过浏览器运行便,会发现动态绑定的static的图片找不到,故static必须使用绝对路径。将图片路径修改为绝对路径,至此,打包完成。
还有什么问题大家可以留言,我能帮忙解决的会第一时间回复。