更新测试环境构建命令以解决构建失败问题

news2025/3/26 11:26:28

本段代码解决 更新测试环境构建命令以解决构建失败问题

//本项目是react+umi3+antdesign 搭建的后台管理系统
"build:test": "cross-env UMI_ENV=test NODE_OPTIONS=--openssl-legacy-provider umi build"

**原因:**Node.js v17+ 的 OpenSSL 3.0 与旧依赖不兼容。

**解决:**添加 NODE_OPTIONS=–openssl-legacy-provider 或降级到 Node.js v16。

1. 命令结构

在这里插入图片描述

2. 核心工具:cross-env

  • 作用:解决不同操作系统(Windows、Mac、Linux)设置环境变量的语法兼容性问题。

    • 例如:Windows 中设置环境变量用 set ENV=value,Unix 系统用 ENV=value。

    • cross-env 抹平了差异,让脚本跨平台运行。

  • 为什么需要:确保开发者在任何系统下执行 npm run build:test 都不会报错。

3. 环境变量:UMI_ENV=test

  • Umi 框架特性:Umi 会根据 UMI_ENV 的值加载对应的配置文件。

    • 例如:如果 UMI_ENV=test,会加载 config.test.ts 或 .env.test。
  • 用途:区分不同环境的配置(如测试环境的 API 地址、调试模式等)。

  • 文件约定

    config.ts          # 默认配置
    config.test.ts     # 测试环境配置(当 UMI_ENV=test 时生效)
    config.prod.ts     # 生产环境配置(当 UMI_ENV=prod 时生效)
    

4. Node.js 选项:NODE_OPTIONS=–openssl-legacy-provider

  • 背景:Node.js v17+ 默认使用 OpenSSL 3.0,但某些旧项目或依赖库可能依赖 OpenSSL 1.x 的算法(如 MD5)。

  • 作用:强制 Node.js 使用旧版 OpenSSL 提供者,避免构建时出现以下错误:

    Error: error:0308010C:digital envelope routines::unsupported
    
  • 何时需要:当项目依赖的库(如 webpack 4、旧版 npm 包)与新 OpenSSL 不兼容时。

  • 长期方案:升级相关依赖或迁移到兼容 OpenSSL 3.0 的版本。

5. 构建命令:umi build

  • Umi 框架:一个企业级前端应用框架(基于 React),内置构建、路由、数据流管理等功能。

  • 用途:执行 umi build 会触发以下操作:

    1. 根据 UMI_ENV 加载对应环境配置。

    2. 编译源代码(TypeScript/JavaScript、CSS、图片等)。

    3. 代码压缩、Tree Shaking、代码分割等优化。

    4. 生成静态文件到 dist 目录,供部署使用。

6. 完整执行流程

  • 设置环境变量:通过 cross-env 设置 UMI_ENV=test。

  • 调整 Node.js 行为:通过 NODE_OPTIONS 使用旧版 OpenSSL。

  • 执行构建:运行 umi build,生成测试环境的产物。

7. 替代方案:永久修复 OpenSSL 问题

如果不想每次构建都加 NODE_OPTIONS,可以:

  • 升级依赖:确保所有库兼容 OpenSSL 3.0。

  • 修改 Node.js 配置(不推荐)

    # 在系统环境变量中永久添加
    export NODE_OPTIONS=--openssl-legacy-provider
    

总结

这个命令的作用是:在测试环境下,使用旧版 OpenSSL 提供者,安全地构建 Umi 项目。核心解决了跨平台环境变量设置和 Node.js 新版本的兼容性问题,适用于需要快速适配旧项目的场景

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

树莓派5-GPIO和40针引脚

1.树莓派5引脚图 2.GPIO 引脚作用 (1) 电压 板上有两个 5V 引脚和两个 3.3V 引脚,以及一些不可配置的接地引脚 (0V)。其余引脚均为通用 3.3V 引 脚,这意味着输出设置为 3.3V,输入可接 3.3V。 (2) 输出 指定为输出引脚的 GPIO 引脚可设置为…

【数据库】sql错题详解

1. 执行子查询 SELECT 供应商号 FROM 订购单 WHERE 职工号 IN (E1, E3) GROUP BY 供应商号 HAVING COUNT(DISTINCT 职工号) 2筛选职工号为 E1 或 E3 的记录: 依据 WHERE 职工号 IN (E1, E3) 这个条件,从 订购单 表中把职工号为 E1 或者 E3 的记录筛选出…

C#重写treeView控件

1.先准备两张图片downdrop.png、downdrop_open.png放在项目Resources里 2.新建用户控件BaseTreeView控件 3.重写控件继承TreeView,记得删除AutoScaleMode这一行,否则会报错 public partial class BaseTreeView : TreeView {//这个属性貌似不起作用&…

ArcGIS 10.8.1之后发布栅格数据的MapServer 动态工作空间 替换数据源渲染问题

背景 经过测试,Server 10.8.1、11.0、11.1发布相关服务设置动态空间之后,前端都无法自动读取同名的clr色彩映射表文件进行渲染,服务都是由ArcGIS Pro进行发布。 原因 基于ArcMap发布的服务才支持,但是10.8.1之后不支持ArcMap发…

Java集合框架深度剖析:从数据结构到实战应用

引言 Java集合框架是Java开发中的核心组件之一,其设计目标是提供高性能、高复用性的数据容器。无论是数据处理、缓存设计还是高并发场景,集合框架都扮演着关键角色。本文将从List、Map、Set三大核心接口出发,深入剖析其主流实现类&#xff0…

涅槃上岸,入陕进军,复试全程流程开启!

复试决胜局,整装待发,上岸西电! 线下复试注意事项、全流程、录取后西安旅游提前告知! 过两天考研复试笔试、机试(如果有)、面试就要开始了,我们需要准备很多东西,学长从以下几个方面…

msyql--基本操作之运维篇

检查 root 用户的权限 查看该用户针对这个数据库的权限 -- 如果在终端连接mysql时需要 mysql -u root -p -- 查看用户权限 SELECT user, host FROM mysql.user WHERE user root;可以看的出来root有他的访问权限,如过没有localhost或者% 说明没有访问权限 添加…

es6 fetch

对比XHR 🛠️ fetch 所有配置项 fetch(url, {// 核心配置 method: GET, // HTTP 方法: GET, POST, PUT, DELETE, PATCH, HEAD, OPTIONSheaders: { // 请求头(支持 Headers 对象或普通对象)Content-Type: applicati…

智能汽车图像及视频处理方案,支持视频星轨拍摄能力

美摄科技作为智能汽车图像及视频处理领域的先行者,正以革新性的技术引领着行业的未来发展。美摄科技智能汽车图像及视频处理方案,一个集高效性、智能化、画质增强于一体的创新解决方案,旨在重塑智能汽车图像画质的新标准,并支持前…

C盘急救实录:从爆红到畅快

极速救援通道(懒人专享) 老规矩,先上王炸方案!”小番茄C盘清理器”直达链接:https://cclean-cdn.xkbrowser.com/cleanmaster/FanQieClean_13046_st.exe 这个神器有三绝: 智能扫描引擎:能识别23…

UART转APB模块ModelSim仿真

一、简介 之前介绍过一个UART转AHB模块,这个代码的框架有个好处,就是FPGA内总线接口比较容易修改成其他总线接口。下图是UART转AHB模块中子模块uart_ahb_mst的框图,主要有三个状态机: (1) UART_RX_FSM将接收…

Cesium 自定义路径导航材质

cesium 自定义路径导航纹理图片随便更换,UI 提供设计图片即可达到效果; 打开小马的weix 关注下 搜索“技术链” 回复关键词《《路径》》获取原始代码; 拿到就能用轻松解决!帮忙点个关注吧!

【江协科技STM32】BKP备寄存器RTC实时时钟(学习笔记)

BKP备寄存器 BKP简介 BKP(Backup Registers)备份寄存器BKP可用于存储用户应用程序数据。当VDD(2.0~3.6V)电源被切断,他们仍然由VBAT(1.8~3.6V)维持供电。当系统在待机模式下被唤醒&#xff0…

卷积神经网络 - 参数学习

本文我们通过两个简化的例子,展示如何从前向传播、损失计算,到反向传播推导梯度,再到参数更新,完整地描述卷积层的参数学习过程。 一、例子一 我们构造一个非常简单的卷积神经网络,其结构仅包含一个卷积层和一个输出…

亮数据爬取API爬取亚马逊电商平台实战教程

前言 在当今数据驱动的商业环境中,企业需要快速、精准地获取互联网上的公开数据以支持市场分析、竞品调研和用户行为研究。然而,传统的手动网页爬取方式面临着诸多挑战:IP封锁、验证码干扰、网站结构频繁变更,以及高昂的运维成本…

[CLS] Token 在 ViT(Vision Transformer)中的作用与实现

[CLS] Token 在 ViT(Vision Transformer)中的作用与实现 1. 什么是 [CLS] Token? [CLS](classification token)是Transformer模型中一个可学习的嵌入向量,最初在 BERT(Bidirectional Encoder …

基于网启PXE服务器的批量定制系统平台

项目概述 1.需求 公司新购了一批服务器和台式机,需要为台式机和服务器安装系统,一部分需要安装国产OpenEuler,一部分要求安装CentOS 7.9,同时也要满足定制化需求,即按要求分区安装相应软件。 2.使用开源软件 &…

在本地Windows机器加载大模型并生成内容

本篇演示在本地机器下载和加载大模型并获取AI产生的内容。简单起见,使用的大模型是Qwen2.5-0.5B-Instruct,整个模型的所有文件不到1G。 Qwen2.5-0.5B-Instruct 是阿里巴巴云 QWen 团队基于 Transformer 架构开发的轻量级指令调优语言模型,专…

热门面试题第14天|Leetcode 513找树左下角的值 112 113 路径总和 105 106 从中序与后序遍历序列构造二叉树 (及其扩展形式)以一敌二

找树左下角的值 本题递归偏难,反而迭代简单属于模板题, 两种方法掌握一下 题目链接/文章讲解/视频讲解:https://programmercarl.com/0513.%E6%89%BE%E6%A0%91%E5%B7%A6%E4%B8%8B%E8%A7%92%E7%9A%84%E5%80%BC.html 我们来分析一下题目&#…

【计算机网络】-计算机网络期末复习题复习资料

一、计算机网络体系结构(800字) 1. OSI参考模型 七层结构:物理层→数据链路层→网络层→传输层→会话层→表示层→应用层 各层核心功能: 物理层:比特流传输(如RJ45、光纤接口) 数据链路层&…