首页>>后端>>java->运行别人的vue项目(运行别人的vue项目出现POST)

运行别人的vue项目(运行别人的vue项目出现POST)

时间:2023-11-29 本站 点击:1

运行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必须使用绝对路径。将图片路径修改为绝对路径,至此,打包完成。

还有什么问题大家可以留言,我能帮忙解决的会第一时间回复。


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/java/787.html