Vue打包报错

1、问题

最近前端打包的时候遇到了一个问题,在终端使用npm run build命令,报错

PS D:\company_project> npm run build> VueAdmin@0.1.0 build> vue-cli-service build|  Building for production...ERROR  Failed to compile with 41 errors                                                                                                                                                                                    15:48:44errorjs/app.js from TerserError: error:0308010C:digital envelope routines::unsupportedat new Hash (node:internal/crypto/hash:79:19)at Object.createHash (node:crypto:139:10)at PS D:\company_project\node_modules\terser-webpack-plugin\dist\index.js:217:37at Array.forEach (<anonymous>)at TerserPlugin.optimizeFn (D:company_project\node_modules\terser-webpack-plugin\dist\index.js:160:259)at AsyncSeriesHook.eval [as callAsync] (eval at create (D:company_project\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:7:1)at AsyncSeriesHook.lazyCompileHook (D:company_project\node_modules\tapable\lib\Hook.js:154:20)at D:company_project\node_modules\webpack\lib\Compilation.js:1409:36at AsyncSeriesHook.eval [as callAsync] (eval at create (D:company_project\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)at AsyncSeriesHook.lazyCompileHook (D:company_project\node_modules\tapable\lib\Hook.js:154:20)at D:company_project\node_modules\webpack\lib\Compilation.js:1405:32at AsyncSeriesHook.eval [as callAsync] (eval at create (D:company_project\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)at AsyncSeriesHook.lazyCompileHook (D:company_project\node_modules\tapable\lib\Hook.js:154:20)at Compilation.seal (D:company_project\node_modules\webpack\lib\Compilation.js:1342:27)at D:company_project\node_modules\webpack\lib\Compiler.js:675:18at D:company_project\node_modules\webpack\lib\Compilation.js:1261:4at AsyncSeriesHook.eval [as callAsync] (eval at create (D:company_project\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:24:1)at AsyncSeriesHook.lazyCompileHook (D:company_project\node_modules\tapable\lib\Hook.js:154:20)at Compilation.finish (D:company_project\node_modules\webpack\lib\Compilation.js:1253:28)at D:company_project\node_modules\webpack\lib\Compiler.js:672:17at _done (eval at create (D:company_project\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:9:1)at eval (eval at create (D:company_project\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:32:22)at D:company_project\node_modules\webpack\lib\Compilation.js:1185:12at D:company_project\node_modules\webpack\lib\Compilation.js:1097:9at process.processTicksAndRejections (node:internal/process/task_queues:77:11)error

二、原因

通过网上查找资料定位到是node.js版本的问题,我的node.js的版本是v20.15.0
这个错误主要是由于 Node.js 17 及其后续版本中默认启用了 OpenSSL 3.0,而某些依赖于 Webpack 的包还没有适配这个更高版本的 OpenSSL。因此,在构建 Vue 项目时会遇到这种错误。
在网上找解决方案就是降级node.js版本,不过降低版本可能会引发一系列的问题,所以在网上找了一种更简便的方法

三、解决

可以通过设置环境变量来绕过 OpenSSL 3.0 的问题。具体操作是,在执行构建命令之前,设置NODE_OPTIONS 环境变量。
1.在终端命令行中输入$env:NODE_OPTIONS = “–openssl-legacy-provider”,回车

$env:NODE_OPTIONS = "--openssl-legacy-provider"

2.再次输入构建命令npm run build(注意仍然是在项目目录下输入)

PS D:\company_project> npm run build                                  > VueAdmin@0.1.0 build
> vue-cli-service build\  Building for production...WARNING  Compiled with 3 warnings                                                                                                                                                                                          16:33:13warning  in ./src/views/order/Refund.vue?vue&type=script&lang=js"export 'GET_DESCRIPTION' was not found in '@/config'warningasset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:js/chunk-8f3454e0.js (304 KiB)js/chunk-vendors.js (1.84 MiB)warningentrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:app (2.09 MiB)css/chunk-vendors.cssjs/chunk-vendors.jscss/app.cssjs/app.jsFile                                                          Size                                                                             Gzippeddist\js\chunk-vendors.js                                      1883.21 KiB                                                                      597.34 KiBdist\js\chunk-8f3454e0.js                                     303.95 KiB                                                                       92.27 KiBdist\js\chunk-681b6bad.js                                     234.83 KiB                                                                       53.17 KiBdist\js\chunk-cc25aad2.js                                     169.41 KiB                                                                       41.27 KiBdist\js\chunk-22026c69.js                                     58.46 KiB                                                                        16.50 KiBdist\js\chunk-cc282f6e.js                                     46.63 KiB                                                                        11.36 KiBdist\js\chunk-4f4f8093.js                                     44.60 KiB                                                                        8.53 KiBdist\js\chunk-36852b68.js                                     23.79 KiB                                                                        7.54 KiBdist\js\chunk-29436fca.js                                     23.68 KiB                                                                        6.63 KiBdist\js\chunk-498fa9e4.js                                     23.21 KiB                                                                        5.19 KiBdist\js\app.js                                                22.75 KiB                                                                        7.42 KiBdist\js\chunk-bf22e800.js                                     22.23 KiB                                                                        5.05 KiBdist\js\chunk-5263c678.js                                     22.06 KiB                                                                        6.01 KiBdist\js\chunk-5a9f5718.js                                     20.07 KiB                                                                        5.81 KiBdist\js\chunk-1c3f80eb.js                                     20.00 KiB                                                                        5.86 KiBdist\js\chunk-128206fe.js                                     18.90 KiB                                                                        5.72 KiBdist\js\chunk-3d175d6c.js                                     18.17 KiB                                                                        5.76 KiBdist\js\chunk-7442d346.js                                     18.04 KiB                                                                        5.95 KiBdist\js\chunk-42c59780.js                                     17.61 KiB                                                                        5.49 KiBdist\js\chunk-695c5822.js                                     16.80 KiB                                                                        5.00 KiBdist\js\chunk-4138ef9e.js                                     16.47 KiB                                                                        5.30 KiBdist\js\chunk-4a51850e.js                                     16.25 KiB                                                                        3.77 KiBdist\js\chunk-3442d4d5.js                                     15.86 KiB                                                                        5.07 KiBdist\js\chunk-588d5afe.js                                     15.74 KiB                                                                        5.05 KiBdist\js\chunk-be2f9c58.js                                     15.10 KiB                                                                        3.65 KiBdist\js\chunk-e036ae66.js                                     14.83 KiB                                                                        4.65 KiBdist\js\chunk-51d632f4.js                                     14.03 KiB                                                                        4.43 KiBdist\js\chunk-0957da1a.js                                     11.01 KiB                                                                        3.12 KiBdist\precache-manifest.797a1e50e253b2b4deb30364b75e3499.js    7.69 KiB                                                                         1.63 KiBdist\js\chunk-4263c2e4.js                                     6.69 KiB                                                                         2.22 KiBdist\js\chunk-e76e1c46.js                                     6.47 KiB                                                                         2.18 KiBdist\js\chunk-1b073ffc.js                                     6.38 KiB                                                                         2.15 KiBdist\js\chunk-30f757a4.js                                     5.89 KiB                                                                         2.41 KiBdist\js\chunk-bcaeca18.js                                     5.10 KiB                                                                         2.11 KiBdist\js\chunk-7308b9ea.js                                     4.71 KiB                                                                         1.85 KiBdist\js\chunk-11553fd4.js                                     4.59 KiB                                                                         1.64 KiBdist\js\chunk-5e114a65.js                                     3.89 KiB                                                                         1.55 KiBdist\js\chunk-550efd34.js                                     3.59 KiB                                                                         1.70 KiBdist\js\chunk-04758cfc.js                                     2.96 KiB                                                                         1.08 KiBdist\js\chunk-63993b84.js                                     1.09 KiB                                                                         0.59 KiBdist\service-worker.js                                        1.04 KiB                                                                         0.61 KiBdist\js\chunk-ba9a746a.js                                     0.91 KiB                                                                         0.52 KiBdist\js\chunk-f167b484.js                                     0.91 KiB                                                                         0.52 KiBdist\css\chunk-vendors.css                                    235.75 KiB                                                                       35.78 KiBdist\css\chunk-30f757a4.css                                   36.72 KiB                                                                        4.80 KiBdist\css\chunk-51d632f4.css                                   4.28 KiB                                                                         1.25 KiBdist\css\iconfont.css                                         4.01 KiB                                                                         2.73 KiBdist\css\chunk-8f3454e0.css                                   2.29 KiB                                                                         0.75 KiBdist\css\app.css                                              1.86 KiB                                                                         0.78 KiBdist\css\chunk-4f4f8093.css                                   1.58 KiB                                                                         0.51 KiBdist\css\chunk-22026c69.css                                   0.85 KiB                                                                         0.30 KiBdist\css\chunk-498fa9e4.css                                   0.80 KiB                                                                         0.33 KiBdist\css\chunk-bf22e800.css                                   0.75 KiB                                                                         0.31 KiBdist\css\chunk-ba9a746a.css                                   0.71 KiB                                                                         0.32 KiBdist\css\chunk-550efd34.css                                   0.70 KiB                                                                         0.31 KiBdist\css\chunk-f167b484.css                                   0.69 KiB                                                                         0.30 KiBdist\css\chunk-7442d346.css                                   0.63 KiB                                                                         0.27 KiBdist\css\chunk-29436fca.css                                   0.50 KiB                                                                         0.25 KiBdist\css\chunk-5263c678.css                                   0.50 KiB                                                                         0.25 KiBdist\css\chunk-5a9f5718.css                                   0.50 KiB                                                                         0.25 KiBdist\css\chunk-4a51850e.css                                   0.49 KiB                                                                         0.25 KiBdist\css\chunk-128206fe.css                                   0.46 KiB                                                                         0.23 KiBdist\css\chunk-5e114a65.css                                   0.40 KiB                                                                         0.18 KiBdist\css\chunk-7308b9ea.css                                   0.40 KiB                                                                         0.18 KiBdist\css\chunk-36852b68.css                                   0.36 KiB                                                                         0.15 KiBdist\css\chunk-be2f9c58.css                                   0.27 KiB                                                                         0.15 KiBdist\css\chunk-695c5822.css                                   0.25 KiB                                                                         0.16 KiBdist\css\chunk-e036ae66.css                                   0.25 KiB                                                                         0.16 KiBdist\css\chunk-63993b84.css                                   0.16 KiB                                                                         0.12 KiBdist\css\chunk-0957da1a.css                                   0.11 KiB                                                                         0.10 KiBdist\css\chunk-1c3f80eb.css                                   0.09 KiB                                                                         0.08 KiBdist\css\chunk-11553fd4.css                                   0.08 KiB                                                                         0.09 KiBdist\css\chunk-bcaeca18.css                                   0.07 KiB                                                                         0.08 KiBdist\css\chunk-4138ef9e.css                                   0.06 KiB                                                                         0.08 KiBdist\css\chunk-42c59780.css                                   0.06 KiB                                                                         0.08 KiBdist\css\chunk-4263c2e4.css                                   0.05 KiB                                                                         0.07 KiBdist\css\chunk-e76e1c46.css                                   0.05 KiB                                                                         0.07 KiBdist\css\chunk-04758cfc.css                                   0.04 KiB                                                                         0.06 KiBdist\css\chunk-3442d4d5.css                                   0.04 KiB                                                                         0.06 KiBdist\css\chunk-588d5afe.css                                   0.04 KiB                                                                         0.06 KiBdist\css\chunk-1b073ffc.css                                   0.03 KiB                                                                         0.05 KiBImages and other types of assets omitted.DONE  Build complete. The dist directory is ready to be deployed.INFO  Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html

打包成功。

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

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

相关文章

昇思MindSpore学习入门-高阶自动微分

mindspore.ops模块提供的grad和value_and_grad接口可以生成网络模型的梯度。grad计算网络梯度&#xff0c;value_and_grad同时计算网络的正向输出和梯度。本文主要介绍如何使用grad接口的主要功能&#xff0c;包括一阶、二阶求导&#xff0c;单独对输入或网络权重求导&#xff…

7.24 模拟赛总结 [dp 专场] + tarjan

复盘 7:40 开题 看 T1 &#xff0c;妈呀&#xff0c;一上来就数数&#xff1f;盯了几分钟后发现会了&#xff0c;不就是 LCS 计数嘛 继续看&#xff0c;T2 看上去很恶心&#xff0c;线段覆盖&#xff0c;感觉可能是贪心什么的 再看 T3&#xff0c;先想了个 n 2 n^2 n2 的式…

Vue 3 + Vite 项目中安装 Tailwind CSS

官网&#xff1a;安装 - TailwindCSS中文文档 | TailwindCSS中文网 tips&#xff1a;只按照官网的配置可能会导致样式不加载/加载不生效的问题 1、正确安装指令 npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p 自动生成 ​tailwind.config.js​…

【C++】string类(上)

个人主页~ string 一、标准库中的string类1、什么是string类2、string类的常用接口讲解&#xff08;1&#xff09;string类的常见构造&#xff08;2&#xff09;string类的容量操作&#xff08;3&#xff09;string类对象的访问及遍历&#xff08;4&#xff09;string类对象的修…

Java语言程序设计——篇七(2)

&#x1f33f;&#x1f33f;&#x1f33f;跟随博主脚步&#xff0c;从这里开始→博主主页&#x1f33f;&#x1f33f;&#x1f33f; 封装性与多态 封装性与访问修饰符类的访问权限类成员的访问权限 &#x1f320;防止类扩展和方法覆盖实战演练 抽象类实战演练 对象转换实战演练…

Known框架实战演练——进销存基础数据

本文介绍如何实现进销存管理系统的基础数据模块&#xff0c;基础数据模块包括商品信息、供应商管理和客户管理3个菜单页面。供应商和客户字段相同&#xff0c;因此可共用一个页面组件类。 项目代码&#xff1a;JxcLite开源地址&#xff1a; https://gitee.com/known/JxcLite …

lambda表达式,真题示例

Lambda表达式 它使代码更加简洁、易读&#xff0c;函数式编程增强了代码的表达力。常用于对集合的操作&#xff0c;如遍历、过滤、转换等。 Lambda表达式的形式&#xff1a; 参数&#xff0c; 箭头&#xff08;->) 以及一个表达式&#xff1a; (String first, String sec…

Android P Input设备变化监听 Storage设备变化监听

InputManager.java中实现了InputDeviceListener接口&#xff0c;只需要新建一个类 implements InputDeviceListener &#xff0c;并且将类实例化注册给InputManager.getInstance().registerInputDeviceListener即可。 StorageManager同理 StorageManager中会调用StorageEventL…

还手动抄字幕?学会这3个视频转文字方法,轻松提取视频中的字幕!

大家有尝试过考试前极限抱佛脚吗&#xff1f; 在下不才&#xff0c;曾经试过一次&#xff0c;轻松在及格线低空飘过【大家不要学不要学不要学&#xff0c;重要的事情说三遍&#xff01;&#xff01;&#xff01;】 至于我当时究竟是怎么做到的呢&#xff1f;其实这里面有点小…

网络原理_初识

目录 一、局域网LAN 二、广域网WAN 三、网络通信基础 3.1 IP地址 3.2 端口号 3.3 协议 3.4 五元组 3.5 OSI七层模型 3.6 TCP/IP五层模型 3.7 网络设备所在分层 3.8 封装和分用 总结 一、局域网LAN 局域网&#xff0c;即 Local Area Network&#xff0c;Local 即标…

Kylin Cube监控:掌握数据立方体的资源使用

Kylin Cube监控&#xff1a;掌握数据立方体的资源使用 Apache Kylin是一个高性能的分布式分析引擎&#xff0c;它通过构建数据立方体&#xff08;Cube&#xff09;来加速对大数据集的查询。随着企业对数据的依赖日益增加&#xff0c;监控Cube的内存和磁盘使用变得尤为重要。本…

AIX下编译静态库问题--笔记

编译某个静态库 ar rcs ../libhttpclient.a httpclient.o 一大段错误如下&#xff1a; BFD: httpclient.o: Unrecognized storage class 111 for .text symbol ._ZNSt11char_traitsIcE6lengthEPKc BFD: httpclient.o: Unrecognized storage class 111 for .text symbol ._Zn…

“微软蓝屏”全球宕机,敲响基础软件自主可控警钟

上周五&#xff0c;“微软蓝屏”“感谢微软 喜提假期”等词条冲上热搜&#xff0c;全球百万打工人受此影响&#xff0c;共同见证这一历史性事件。据微软方面发布消息称&#xff0c;旗下Microsoft 365系列服务出现访问中断。随后在全球范围内&#xff0c;包括企业、政府、个人在…

【定积分】

框架 概念&#xff0c;性质定积分计算基本特色变限积分及其导数反常积分&#xff08;广义积分&#xff09;定积分应用面积体积 讲解 1.概念&#xff0c;性质&#xff1a; 定积分就是求出曲线的面积&#xff1b;性质中要注意几个不等式的比较 2.定积分计算&#xff1a; 基本&…

HTML + CSS编程规范

编程规范 HTML CSS 命名规范 HTML CSS 命名规范 1. 命名需要是具备语义性的单词&#xff0c;不能用 数字 拼音 数字,符号开头正确示范 &#xff1a; wrap description title content错误示范 : aaaa a1 $we 4tdds 2. 命名需要多个单词连接的情况下, 标记语言中可以使用 …

Docker use experience

#docker command docker load -i <镜像文件.tar> docker run -it -d --name 容器名 -p 宿主机端口:容器端口 -v 宿主机文件存储位置:容器内文位置 镜像名:Tag /bin/bash docker commit -m"提交的描述信息" -a"作者" 容器ID 要…

物理机 gogs+jenkins+sonarqube 实现CI/CD

一、部署gogs_0.11.91_linux_amd64.tar.gz gogs官网下载&#xff1a;https://dl.gogs.io/ yum -y install mariadb-serversystemctl start mariadbsystemctl enable mariadbuseradd gittar zxvf gogs_0.11.91_linux_amd64.tar.gzcd gogsmysql -u root -p < scripts/mysql.…

vue3前端开发-小兔鲜项目-登录和非登录状态下的模板适配

vue3前端开发-小兔鲜项目-登录和非登录状态下的模板适配&#xff01;有了上次的内容铺垫&#xff0c;我们可以根据用户的token来判定&#xff0c;到底是显示什么内容了。 1&#xff1a;我们在对应的导航组件内修改完善一下内容即可。 <script setup> import { useUserSt…

svn软件总成全内容

SVN软件总成 概述&#xff1a;本文为经验型文档 目录 D:\安装包\svn软件总成 的目录D:\安装包\svn软件总成\svn-base添加 的目录D:\安装包\svn软件总成\tools 的目录D:\安装包\svn软件总成\tools\sqlite-tools-win32-x86-3360000 的目录D:\安装包\svn软件总成\安装包-----bt lo…

【Vue】vue概述

1、简介 Vue.js&#xff08;简称Vue&#xff09;是一款用于构建用户界面的渐进式JavaScript框架。由前Google高级软件工程师尤雨溪&#xff08;Evan You&#xff09;于2014年创建&#xff0c;是一个独立且社区驱动的开源项目。Vue.js基于标准的HTML、CSS和JavaScript&#xff…