jenkins上部署vue项目执行npm run build 进行打包报错就报错

最新推荐文章于 2023-08-25 13:51:39 发布
最新推荐文章于 2023-08-25 13:51:39 发布
阅读量1w 收藏 4
点赞数 1
分类专栏： 辅助工具 文章标签： 部署配置
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rr123why/article/details/90768475
版权

想要前端项目的QA环境能使用Jenkins进行一键部署，进行了一系列的配置，到最后进行构建的适合，只要运行到打包命令时，就报以下错误：报错截图
查了半天才发现是cross-env（如下图）在window环境和Linux系统使用方式不一致造成的，cross-env只是用在windows系统上的，在Mac和Linux系统上没用，所以为了能在Jenkins上打包成功，将package.json里的命令方式进行了修改。
错误位置
修改为如下图所示：
修改后图片
亲测在本地和Jenkins上打包都正常~

进击的冉冉
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue项目build打包后提交到git上没有dist目录的解决方案
在写作的路上持续输出。
03-28 2543
vue 项目 npm run build 后的dist 目录上传不到gitee 上的解决方式。
Vue项目打包部署总结
最新发布
2301_79098873的博客
05-15 1009
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
jenkin的对于nodejs前端部署
鹿鸣悠悠
08-14 122
nodes的版本号更新 https://blog.csdn.net/suancai1993/article/details/88534002 降级 举例：降级到4 npm install npm@4 -g（@后跟版本号，若跟的是大版本，则更新到对应大版本最新的小版本） npm install npm@4.1.2 -g（更新到指定版本） 升级 npm install npm -g（更新到最新版本） ...
jenkins 构建 vue 项目报错【未解决】
qq_37953312的博客
08-25 124
使用 jenkins 构建 vue 报错，如图本地构建都可以，在 jenkins 上构建就报错，哪位大佬遇到过npm -vnode -v。
jenkins 部署 并执行npm run dev 项目时，execute shell自动结束进程问题
风.foxwho(神秘狐)
10-31 7551
使用 jenkins 部署 vue （npm run dev）项目时，部署状态是显示部署成功，但是服务没有成功启动，在做进程服务监控的时候发现，jenkins部署时候服务也启动成功了，但是jenkins部署成功后 自动kill杀死或结束该进程和该进程的衍生的进程，那么就让jenkins不用杀死衍生的进程 jenkins 部署 并执行npm run dev 项目时，execute shell自动结束...
Springboot项目与vue项目整合打包的实现方式
08-25
1. 前端Vue项目使用命令npm run build或cnpm run build打包生成dist文件。 2. 在Springboot项目中resources下建立static文件夹，将dist文件中的文件复制到static中。 3. 然后去application中跑起来boot项目，这样...
vue-cli3项目打包后自动化部署到服务器的方法
10-14
如果一切顺利，你的 Vue CLI 3 项目就会被成功部署到服务器上。 需要注意的是，以上方法适用于小型项目或个人项目。对于大型或企业级项目，通常会使用更复杂的部署策略，如使用 CI/CD 工具（如 Jenkins、GitLab CI/...
前端vue项目jenkins配置文档.pdf
05-17
- **执行shell命令**：在`Execute shell`部分，编写构建脚本来安装依赖（如`npm install`），编译项目（如`npm run build`），并执行测试（如`npm test`）。 9. **构建后操作**：配置构建成功或失败后的动作，例如...
vue如何自动化打包测试环境和正式环境的dist/test文件
10-16
完成以上步骤后，你可以通过`npm run test`命令打包测试环境的`dist/test`文件，而`npm run build`命令则会打包正式环境的文件。在持续集成工具如Jenkins中，你可以配置两个不同的构建任务，分别执行这两个命令。...
vue-jenkins
03-13
无标题1 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。
vue项目打包publicpath_Vue项目打包常见问题整理
weixin_40000301的博客
12-22 1885
Vue 项目在开发时运行正常，打包发布后却出现各种报错，这里整理一下遇到的问题，以备忘。1、js 路径问题脚手架默认打包的路径为绝对路径，改为相对路径。修改 config/index.js 中 build 节点下 assetsPublicPath，把原来 ‘/’ 改为 ‘./’assetsPublicPath: './'}2、img 路径问题在 build/utils.js 文件中 Extract...
jenkins执行前端项目构建的时候，nodejs卡死
qq_39009944的博客
05-18 1939
现象： Unpacking https://nodejs.org/dist/v14.19.1/node-v14.19.1-linux-x64.tar.gz to /root/.jenkins/tools/jenkins.plugins.nodejs.tools.NodeJSInstallation/nodejs14 on Jenkins 原因：用jenkins安装nodejs失败，导致项目无法用npm下载依赖包和构建 解决办法： 服务器本身自己来安装nodejs 1.下载 nodejs国内下载地址 下载l
Jenkins教程（2）使用Maven构建Java应用程序
大强博客
07-24 661
本教程将向你展示如何使用Jenkins编排并构建一个使用Maven管理的简单Java应用程序。 如果你是使用Maven的Java开发人员，并且对CI/CD概念不熟悉，或者你可能熟悉这些概念，但不知道如何使用Jenkins实现构建应用程序，那么本教程适合你。 你将在Github示例仓库中获取一个输出"Hello world!"字符串的简单Java应用，该应用还包含若干单元测试，用于检查main方法。 测试结果保存在JUnit XML报告中。 耗时:假如你的机器符合配置要求，完成本教程需要20-4..
autotools的基本使用
Gino的专栏
06-01 1874
autotools是个系列工具，主要由autoconf、automake、perl语言环境和m4等组成，所包含的命令有5个： 下图是autotools使用的流程图： autotools的安装：apt-get install autoconf automake autotools-dev m4 autotools使用简单实例如下： 准备程序源代码mkdir
jenkins执行shell构建脚本使用docker build报错
qqzhizhi的博客
05-29 441
环境： CentOS 7.8 64bit jenkins是使用 yum install -y jenkins 安装 一、发现问题 Got permission denied while trying to connect to the Docker daemon socket at unix:///var/run/docker.sock: Post http://%2Fvar%2Frun%2Fdocker.sock/v1.26/build? 查询问题发现是使用非...
前端月入过万必看
weixin_45820444的博客
11-20 660
项目背景 为了适应h5环境搭建需求，需要动态配置开发，测试，生产三种对应域名及其及打包命令。使用cross-env可以让配置环境更加清晰明了还好管理。 简介 cross-env的作用是不需要全局配置NODE_ENV在scripts脚本中修改NODE_ENV的值从而实现不同环境中proccess.env.NODE_ENV的不同，而config的工作原理就是基于NODE_ENV这个值的，所以推荐两者结合使用。 安装 cross-env npm install --save-dev cross-env 使用.
jenkins执行脚本npm: command not found解决
热门推荐
田培融的博客
07-16 2万+
1、查看系统环境变量 echo $PATH 1 /usr/local/node/bin:/usr/lib64/qt-3.3/bin:/usr/local/bin:/usr/bin:/usr/local/sbin:/usr/sbin:/home/www_app/.local/bin:/home/www_app/bin 2、把服务器的环境变量添加到jenkins Node Properties &...
jenkins自动化部署nodejs项目(vue前端)
wangooo的博客
10-21 7023
1、安装 NodeJS 插件 “系统管理”--“管理插件”--“可选插件” 搜索 nodejs插件，安装 2、Linux系统安装NodeJS 下载nodejs的LTS版本 # wget https://nodejs.org/dist/v12.19.0/node-v12.19.0-linux-x64.tar.gz 解压 # tar xvzf node-v11.14.0-linux-x64.tar.gz -C 修改环境变量 # vim /etc/profile 添加以下内容 #no
jenkins自动部署vue项目
04-05
1. 配置Jenkins环境 安装Jenkins，配置JAVA_HOME和Maven。 2. 创建Jenkins任务 在Jenkins中创建新任务，选择“自由风格项目”，填写任务名称，点击...在Jenkins中查看构建结果，如果构建成功，则自动部署Vue项目完成。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值