解决 Terser 插件（用于压缩 JavaScript 代码）在加密或解密过程中发生不支持的操作 出现的问题

最新推荐文章于 2024-05-30 20:43:03 发布
最新推荐文章于 2024-05-30 20:43:03 发布
阅读量987 收藏 13
点赞数 9
分类专栏： vue js 文章标签： javascript 开发语言 ecmascript vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wzard/article/details/135061483
版权
js 同时被 2 个专栏收录
7 篇文章 1 订阅
订阅专栏
vue
6 篇文章 0 订阅
订阅专栏

(undefined) assets/js/styles.f419522a.js from Terser
Error: error:0308010C:digital envelope routines::unsupported

在使用 GitHub active 自动化部署的时候，运行打包会报这个错，是因为 node.js V17 版本中最近发布的OpenSSL3.0, 而 OpenSSL3.0 对允许算法和密钥大小增加了严格的限制

我使用的是node18以上的版本，因为我要使用 GitHub Actions 来实现博客的自动化部署，所以运行打包的命令我是写在 sh 文件里面的，在网上找到的一些方法是要在 package.json 文件里面对应命令加上 export NODE_OPTIONS=--openssl-legacy-provider
如：

"build": "set NODE_OPTIONS=--openssl-legacy-provider & vuepress build docs"

但并不能解决我的问题 〒▽〒 流下来没技术的泪水.jpg

报错原因找到了，那就只能是 node 版本问题了，但又必须使用 18 以上的版本·烦·
后来试着在 deploy 命令中加入上面的代码，竟然可行！
配置如下：

"deploy": "NODE_OPTIONS=--openssl-legacy-provider bash deploy.sh"

至此，完美解决这个问题 ~

悠哉大王想摸鱼
关注
  • 9
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
terser-webpack-plugin：Terser插件
02-06
terser-webpack-plugin 该插件使用来缩小JavaScript。 入门 如果您使用的是webpack v5或更高版本，则无需安装此插件。 Webpack v5随附了最新的terser-webpack-plugin 。 使用Webpack v4，您必须安装terser-webpack-plugin v4。 首先，您需要安装terser-webpack-plugin ： $ npm install terser-webpack-plugin --save-dev 然后将插件添加到您的webpack配置中。 例如： webpack.config.js const Ter
terser作为js代码压缩工具
莫问前程F1的博客
08-21 6911
# 全局安装terser命令行工具 npm install -g terser # 使用terser terser ./foo.js -c pure_funcs=[console.log],toplevel=true -m -o bar.js # -c即compress表示普通的压缩代码 # pure_funcs表示删除代码中的console.log方法 # toplevel为true表示只在顶级作用域压缩清理变量 # -m即mangle会压缩变量名等等 # -o代表输出路径 const Terser.
terser-webpack-plugin TypeError: Cannot read property ‘javascript‘ of undefined
xianrenmodel的博客
12-11 2172
VUE项目build报这个错的原因： terser-webpack-plugin与webpack版本不一致造成 比如，我得terser-webpack-plugin版本是5，而webpack版本是4
npm install digital envelope routines::unsupported解决方法
邓邓子的博客
04-30 2366
Node.js 17 版本引入了 OpenSSL 3.0，它在算法和密钥大小方面实施了更为严格的限制。这一变化导致 npm 的升级与 OpenSSL 3.0 不兼容，从而引发了初始化失败的问题。执行命令 npm install 报错：digital envelope routines::unsupported。
02-TerserWebpackPlugin：优化你的 JavaScript 代码
最新发布
weixin_46002095的博客
05-30 1135
TerserWebpackPlugin 是一个 Webpack 插件，用于通过 Terser 压缩和优化 JavaScript 代码。Terser 是一个用于 ES6+ 代码的 JavaScript 压缩工具，它基于 UglifyJS，但添加了对现代 JavaScript 特性的支持。TerserWebpackPlugin 利用 Terser 的强大功能，帮助开发者生成更小、更高效的 JavaScript 文件，从而提升网页加载速度和用户体验。
探秘Terser Webpack Plugin：优化JavaScript的艺术
gitblog_00010的博客
03-24 482
探秘Terser Webpack Plugin：优化JavaScript的艺术 项目地址:https://gitcode.com/webpack-contrib/terser-webpack-plugin Terser Webpack Plugin 是一个由Webpack社区维护的强大插件，主要用于压缩和优化你的JavaScript代码。在这个快速发展的前端世界里，每一毫秒的加载速度提升都能带来更...
TerserWebpackPlugin详解
高山景行，一尘不染
02-01 4390
TerserWebpackPlugin，此文章来自于github翻译来，仅供参考，具体配置需要结合自己的技术框架配置（vue/react等）
webpack优化，使用terser-webpack-plugin插件，删除代码中所有的console语句
技术前端，忠于热爱 @回忆哆啦没有A梦
03-03 958
webpack优化，使用terser-webpack-plugin插件，删除代码中所有的console语句
遇到js/chunk-91c58e08.1a249a4b.js from TerserError: error:0308010C:digital envelope routines::unsuppo
m0_60696519的博客
02-12 417
它通常发生在使用 OpenSSL 库进行加密或解密操作时，可能是由于使用了不支持的算法或配置问题解决方法终端输入。
@rollup/plugin-terser 用法
CS304961760的博客
03-10 2532
@rollup/plugin-terser` 是一个用于压缩 JavaScript 代码的插件。通过以上步骤，您现在已经可以使用 `@rollup/plugin-terser` 插件来压缩 JavaScript 代码了。2. 在 `rollup.config.js` 文件中导入 `@rollup/plugin-terser`1. 安装 `@rollup/plugin-terser` 插件。3. 在 `plugins ` 中添加 `terser` 插件。4. 配置 `terser` 插件。
Vue项目使用terser-webpack-plugin打包报错TypeError: Cannot read property ‘javascript‘ of undefined的原因和可能的解决办法
HermitSun的博客
07-08 4679
最近滚回去干老本行了，写了一点前端；重新写前端的感觉还是有点陌生。废话不说了，直接进入正题。 复制了之前的配置文件然后建了一个新项目，按照惯例，过程管理的工具可以没有，但是关乎性能的压缩工具是不能没有的。全部准备好了之后却发现无法打包，报了标题里的这个错。 网上查了一下，发现直接 npm install -D terser-webpack-plugin 装的是最新版的 terser-webpack-plugin，版本是 5.1.4（截止写这篇文章的时候）。5.x是为webpack 5准备的插件，而使用vue
快速解决Error: error:0308010C:digital envelope routines::unsupported的三种解决方案
qq_41792374的博客
12-06 1554
报错
优化压缩webpack插件推荐
weixin_49428989的博客
03-29 898
如果你希望优化小文件，减少 HTTP 请求的数量，并且愿意为此稍微增加一些 JavaScript 文件的大小，那么 url-loader 可能更适合你。需要注意的是，由于 ClosureWebpackPlugin 的优化能力非常强大，它可能会对代码进行较为激进的优化，有时可能会导致一些难以预料的问题。uglifyjs-webpack-plugin能够显著减小JavaScript文件的大小，通过删除空格、注释、无效代码等方式，以及优化代码结构，从而提高加载速度并降低带宽消耗。
terser用于ES6的压缩JS工具
学习 记录 总结 分享
06-27 1255
uglify-es不再维护，uglify-js也不支持ES6+。terser是uglify-es的一个分支，主要保留了与uglify和uglify-js@3.
taro打包H5时报错 Error: js/app.js from Terser pluginUnexpected token punc 《:》,expected punc 《,》
weixin_41792662的博客
09-16 950
1.Error: js/app.js from Terser pluginUnexpected token punc 《:》,expected punc 《,》 错误信息显示"token punc «:», expected punc «,»"，意思是在某个位置上出现了一个冒号（:）符号，但是期望的是一个逗号（,）符号。 2.Uncaught ReferenceError: process is not defined
Error: error:0308010C:digital envelope routines::unsupported
日拱一卒无有尽，功不唐捐终入海
09-12 1994
是 Node.js 的一个命令行选项，当使用 Node.js 17 或更高版本时，由于 OpenSSL 3.0 的引入，一些老的加密算法被弃用。这个选项，会让 Node.js 使用老版本的 OpenSSL，这样的程序就能继续使用这些被弃用的加密算法，不会出现错误。从错误码来看在nodejs 的github Issue里找到了不少，应该有很多同学也是升级过程遇到了和我一样的问题。最近在升级我之前的一个网站的过程中，由于使用了高版本的nodejs v18.0.0报错如下。，并给它赋予了一个值。
nodejs升级引起的构建错误：0308010C:digital envelope routines::unsupported
jimojianghu的专栏
02-22 9772
本文详细描述了nodejs升级后引起的前端老旧项目中构建工具生成hash报错的问题(0308010C:digital envelope routines::unsupported)，以及给出的几种解决方案。这几种解决方案各自都存在一些不完美的地方，但都能解决当前构建错误，可以根据自己的实际需求来确定使用哪种方案。
node 第十七天 使用rsa非对称加密 实现前后端加密通信 JSEncrypt和node-rsa
weixin_43546457的博客
11-10 840
使用rsa非对称加密 实现前后端加密通信 JSEncrypt和node-rsa
使用kettle转换中的JavaScript对密码进行加密和解密
06-07
在Kettle转换中，您可以使用JavaScript脚本来对密码进行加密和解密。下面是一个简单的JavaScript脚本示例： ```javascript var password = "myPassword"; // 待加密的密码 var key = "myKey"; // 加密密钥 // 加密函数 function encryptPassword(password, key) { var cipher = CryptoJS.AES.encrypt(password, key); return cipher.toString(); } // 解密函数 function decryptPassword(ciphertext, key) { var bytes = CryptoJS.AES.decrypt(ciphertext, key); var plaintext = bytes.toString(CryptoJS.enc.Utf8); return plaintext; } // 使用示例 var encryptedPassword = encryptPassword(password, key); var decryptedPassword = decryptPassword(encryptedPassword, key); // 输出结果 print("加密后的密码: " + encryptedPassword); print("解密后的密码: " + decryptedPassword); ``` 在这个示例中，我们使用了CryptoJS库来进行AES加密和解密。您需要将CryptoJS库添加到Kettle中，方法是将CryptoJS的JS文件复制到Kettle的lib目录下。 在Kettle中使用JavaScript脚本的方法是，将脚本保存为.js文件，然后使用"JavaScript"步骤读取脚本文件并执行。在步骤的"脚本"选项中，输入要执行的JavaScript代码，如上述示例中的代码。 请注意，由于安全原因，不建议将密码明文保存在Kettle转换中。更好的做法是将密码保存在安全的位置，如安全存储库，并使用安全存储库步骤来获取密码。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值