您的位置:首页 > 新闻 > 热点要闻 > Vue打包报错

Vue打包报错

2025/1/3 4:46:37 来源:https://blog.csdn.net/ITKidKid/article/details/140667129  浏览:    关键词:Vue打包报错

1、问题

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

PS D:\company_project\liangtian\jiafu-admin-web-new> 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 Terser
Error: error:0308010C:digital envelope routines::unsupportedat new Hash (node:internal/crypto/hash:79:19)at Object.createHash (node:crypto:139:10)at D:\company_project\liangtian\jiafu-admin-web-new\node_modules\terser-webpack-plugin\dist\index.js:217:37at Array.forEach (<anonymous>)at TerserPlugin.optimizeFn (D:\company_project\liangtian\jiafu-admin-web-new\node_modules\terser-webpack-plugin\dist\index.js:160:259)at AsyncSeriesHook.eval [as callAsync] (eval at create (D:\company_project\liangtian\jiafu-admin-web-new\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:7:1)at AsyncSeriesHook.lazyCompileHook (D:\company_project\liangtian\jiafu-admin-web-new\node_modules\tapable\lib\Hook.js:154:20)at D:\company_project\liangtian\jiafu-admin-web-new\node_modules\webpack\lib\Compilation.js:1409:36at AsyncSeriesHook.eval [as callAsync] (eval at create (D:\company_project\liangtian\jiafu-admin-web-new\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)at AsyncSeriesHook.lazyCompileHook (D:\company_project\liangtian\jiafu-admin-web-new\node_modules\tapable\lib\Hook.js:154:20)at D:\company_project\liangtian\jiafu-admin-web-new\node_modules\webpack\lib\Compilation.js:1405:32at AsyncSeriesHook.eval [as callAsync] (eval at create (D:\company_project\liangtian\jiafu-admin-web-new\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)at AsyncSeriesHook.lazyCompileHook (D:\company_project\liangtian\jiafu-admin-web-new\node_modules\tapable\lib\Hook.js:154:20)at Compilation.seal (D:\company_project\liangtian\jiafu-admin-web-new\node_modules\webpack\lib\Compilation.js:1342:27)at D:\company_project\liangtian\jiafu-admin-web-new\node_modules\webpack\lib\Compiler.js:675:18at D:\company_project\liangtian\jiafu-admin-web-new\node_modules\webpack\lib\Compilation.js:1261:4at AsyncSeriesHook.eval [as callAsync] (eval at create (D:\company_project\liangtian\jiafu-admin-web-new\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:24:1)at AsyncSeriesHook.lazyCompileHook (D:\company_project\liangtian\jiafu-admin-web-new\node_modules\tapable\lib\Hook.js:154:20)at Compilation.finish (D:\company_project\liangtian\jiafu-admin-web-new\node_modules\webpack\lib\Compilation.js:1253:28)at D:\company_project\liangtian\jiafu-admin-web-new\node_modules\webpack\lib\Compiler.js:672:17at _done (eval at create (D:\company_project\liangtian\jiafu-admin-web-new\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:9:1)at eval (eval at create (D:\company_project\liangtian\jiafu-admin-web-new\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:32:22)at D:\company_project\liangtian\jiafu-admin-web-new\node_modules\webpack\lib\Compilation.js:1185:12at D:\company_project\liangtian\jiafu-admin-web-new\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(注意仍然是在项目目录下输入)

 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

打包成功。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com