jenkins部署VUE前端问题

最新推荐文章于 2023-01-07 00:11:32 发布
最新推荐文章于 2023-01-07 00:11:32 发布
阅读量370 收藏
点赞数
分类专栏： jenkins VUE 部署 文章标签： jenkins
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39562689/article/details/115915431
版权
jenkins 同时被 3 个专栏收录
1 篇文章 0 订阅
订阅专栏
VUE
1 篇文章 0 订阅
订阅专栏
部署
1 篇文章 0 订阅
订阅专栏

jenkins部署VUE前端问题时报错了以下问题：
在这里插入图片描述

通过命令npm –v查看已安装npm
通过命令vue -V查看未安装vue-cli
通过命令npm i -g @vue/cli安装vue-cli（不是root登陆就加下sudo）
再去到项目根目录执行下npm i命令
生成node_modules目录
再次构建就能成功了
如果项目集成了xlsx-style时会再次报错
在这里插入图片描述

按照如下修改，再次构建就好了
在这里插入图片描述
有的前端项目可能很久没更新了，那么需要删除node_modules目录，重新生成一下，再去构建

Featherwit.殇
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jenkins自动部署vue前端项目
08-15
jenkins自动打包vue前后端分离项目，部署到远程服务器
jenkins发布时常见的故障
最新发布
xu_yun_linux的博客
11-13 189
1. **发布失败**：在发布过程中可能会遇到各种错误，例如当出现"UNSTABLE"的返回，表示部分服务没有成功发布。3. **构建失败**：在项目构建过程中可能会因为多种原因导致失败，例如连接SVN失败、SVN更新代码冲突、shell脚本错误、项目编译失败等。4. **模块服务调用失败**：有时，利用Jenkins发布的项目在自己电脑上可以正常运行，但是在别人调用模块服务时可能会出现问题。在使用Jenkins进行发布时，可能会遇到一些常见的故障。（内容由讯飞星火AI生成）
使用Jenkins打包vue项目丢失静态资源
HELLO WORLD
04-19 1965
问题描述 使用Jenkins打包vue项目后，打包出的dist目录内static静态资源文件夹内容丢失。具体丢失文件见上图所示 真相 经过反复查阅官方文档、各大论坛寻找答案，最终发现：在linux上打包是正常的，在windows 版本的Jenkins上就会出现问题。 最终问题定位：Jenkins 工作空间在 Program Files (x86) 这个目录，导致打包出现问题。 解决办法 修改 J...
jenkins部署代码没有更新
weixin_41141000的博客
04-13 2946
jenkins部署代码没有更新jenkins部署代码没有更新 jenkins部署代码没有更新 原因1: 因为同一个项目，用了两个jenkins的Item，所以第二个Item无法调用 原因2: 重启tomcat ...
mac电脑下安装node-sass报错
qq_30325409的博客
09-27 4130
mac终端执行 sudo npm install node-sass -g 报错gyp ERR! stack Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/node-sass/.node-sass 改成： sudo npm install -g --unsafe-perm node-sass np...
明明修改或已经更新了前端项目,但是页面没有改变怎么办
热门推荐
菜鸟Li
02-08 1万+
不知道做前端的小伙伴是否有的时候会出现,明明修改了功能的部分代码但是刷新页面后或者上传服务器之后却没有任何改变,无论刷新很多次或者关掉页面重新打开,但是就是不显示新的代码, 那么其中很有可能的一项原因就是缓存问题,页面还是处于未更新的状态,如果是这个原因这么几个小妙(适用于chrome浏览器)招分享给大家: 1.如果不怕麻烦,那么就 更多数据→清除浏览器数据→清楚数据就好了 ps:时间范围最好选不限,否则可能无效 2.如果感觉全部删除很麻烦,还可以F12 打开开发者工具,然后在network中勾选Di
jenkins实现gitlab自动部署
jason chen的博客
09-28 2403
简介 Jenkins是基于Java开发的一种持续集成工具，用于监控持续重复的工作，旨在提供一个开放易用的软件平台。 这是一个免费的源代码，可以处理任何类型的构建或持续集成。集成Jenkins可以用于一些测试和部署技术。 在DevOps流程中Jenkins充当CI/CD的角色，非常重要。 环境准备 干净的CentOS 7.4及以上版本的虚拟机或服务器 XShell：连接虚拟机的工具...
提交代码并部署到服务器上，为什么代码却没有更新？
weixin_34211761的博客
05-10 9300
问题描述： 遇到过几次这种情况：开发将代码提交之后，通过打包部署，发现部署到服务器上的代码不是最新的，还是修改之前的老代码。 打包部署流程背景说明： gitlab——》jenkins服务器打jar包——》将打好的jar包过滤并推送到服务器A上build镜像——》将镜像推送到harbor仓库——》部署容器到服务器 1、代码没有提交成功 这个情况遇到过几次。 2、jenkins上的缓存没有清除 例如：...
Jenkins部署vue项目时的node选择问题
lefen313的博客
04-01 1561
Jenkins确实是个好工具啊。 今天在配置vue项目的时侯，看着别人配置好的东西，可是我就明明在配置时，发现缺少node的版本选择。 网上搜了一下，发现是缺node 先到Jenkins配置界面，安装nodejs。 安装成功后，需要配置一下全局变量才可以。 在系统管理->全局工具配置-> 找到NodeJS 1 ) 找到NodeJS, 然后点击 新增NodeJS（有自动安装 NodeJS 环境，也可以直接使用系统安装好的NodeJS，下面使用系统安装好的NodeJS，点击 新增Node
配置git忽略vue项目的node_modules依赖
qq_47648083的博客
04-02 1343
1.在vue项目中新建一个名为 .gitignoe的文件夹 2.打开文件填入/node_modules/
jenkins部署vue前端
10-18
jenkins部署vue前端
Docker结合Jenkins部署vue项目
01-20
Docker结合Jenkins部署vue项目 接上篇 Vue项目没什么好说的，在本地一般使用vue ui启动vue管理的前端，然后在里面进行启动 Vue官方说可以不通过ngin来部署，但是如果上生产环境，建议还是要走nginx 安装nginx 这里...
jenkins结合gitlab部署vue项目
11-25
jenkins结合gitlab部署vue项目，vue版本3，node 环境14.15.1，jdk1.8，windows环境，内容包括操作录屏和操作文档
k8s中Jenkins流水线配置自动化部署java+vue等服务.rar
06-10
通过Jenkins流水线发布Java服务到k8s集群上，主要是通过在Jenkins slave上集成宿主机docker，helm，kubectl工具来打包镜像部署服务到k8s集群上。
2021 年当我们聊前端部署时，我们在聊什么
唐先森的博客
12-10 259
原文转载来自 字节架构前端 先上灵魂拷问 在文章之前，先抛一些灵魂拷问： 前端代码从 tsx/jsx 到部署上线被用户访问，中间大致会经历哪些过程？ 上述过程中分别都有哪些考虑、指标和优化点，以满足复杂的业务需求？ 可能大部分同学都知道强缓存/协商缓存，那前端各种产物（HTML、JS、CSS、IMAGES 等）应该用什么缓存策略？以及为什么？ 若使用协商缓存，但静态资源却不频繁更新，如何避免协商过程的请求浪费？ 若使用强缓存，那静态资源如何更新？ 配套的，前端静态资源应该如何组织？
jenkins更新最新git代码打包-更新问题
随笔记录-分享&记忆
05-26 1万+
最近碰到个问题，jenkins自动构建Maven项目，发现构建成功后，不是最新的内容： 解决办法： 1：检查git代码，是否已经更新下来【自动构建时】 在修改记录里，可以查看，是否检测到版本库上最新代码。 2：检查打包后的文件内容，是否成功 3：检查启动时，配置的，是否是最新的包 【我遇到的问题，就是这一点，打包是最新的，使用时，拿的之前配置的旧的架包】 解决
Jenkins结合gitlab实现静态项目发布
人丑就要多读书的博客
10-24 783
一、 Jenkins基本概述 1.1 什么是Jenkins Jenkins是一个开源提供友好操作界面的持续集成的工具，是由 JAVA 开发而成。 Jenkins 是一个调度平台，本身不处理任何事情，调用第三方插件来完成所有的工作。 Jenkins是开源CI&CD软件领导者， 提供超过1000个插件来支持构建、部署、自动化， 满足任何项目的需要。 1.2 为什么需要Jenkins jenkins 能将各种开源的软件集成为一体，从而实现不同功能的调度工作。 1.3 Jenkins安装 官方下载 可以按照
jenkins上部署vue项目构建打包
time_goes的博客
08-04 1576
由于公司内网开发，vue项目的node_modules依赖，大都是由外网npm下载好，再复制到内网的，所以在使用jenkins自动化构建时会出现诸多问题，即使是jenkins服务器上的npm修改了registry的地址的地址为公司自用的registry，也会出现npm install失败问题（因为早已经脱离了npm 管理~~），所以将这种特殊情况记录。......
使用Jenkins自动部署vue项目
andyLyysh的博客
01-07 2180
超详细的Jenkins自动化部署Vue项目教程
Jenkins + Docker + Git 自动化部署前端vue项目
05-20
以下是 Jenkins + Docker + Git 自动化部署前端 Vue 项目的步骤： 1. 安装 Docker 和 Jenkins：Docker 是一个容器化平台，Jenkins 是一个自动化构建和部署工具。 2. 创建一个新的 Jenkins 任务：在 Jenkins 的界面...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值