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

最新推荐文章于 2024-05-30 20:43:03 发布
最新推荐文章于 2024-05-30 20:43:03 发布
阅读量985 收藏 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
    评论
专栏目录
JavaScript（js）打造DES加密解密，模式CBC（源代码）
02-28
JavaScript写的DES加密解密的代码，运行模式为CBC，纯源码觉得可以运行。加密前：select item_no,item_name,price,sale_price from t_bd_item_info where item_no='00002'， 加密后：V+WKfe9+DcuPpwU7mJ8krkgpztgU7...
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
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.
npm install digital envelope routines::unsupported解决方法
邓邓子的博客
04-30 2364
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 文件，从而提升网页加载速度和用户体验。
@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` 插件。
webpack优化，使用terser-webpack-plugin插件，删除代码中所有的console语句
技术前端，忠于热爱 @回忆哆啦没有A梦
03-03 958
webpack优化，使用terser-webpack-plugin插件，删除代码中所有的console语句
前端笔记 ---- TerserWebpackPlugin 配置
止于至善
05-18 5549
指向剥离文件的标语文本将被添加到原始文件的顶部。 可以为 false （无标题）， String 或一个函数：Function String> ，该函数将被使用存储剥离的注释的文件名来调用。 标语内容将被合并到注释中。
terser用于ES6的压缩JS工具
学习 记录 总结 分享
06-27 1255
uglify-es不再维护，uglify-js也不支持ES6+。terser是uglify-es的一个分支，主要保留了与uglify和uglify-js@3.
优化压缩webpack插件推荐
weixin_49428989的博客
03-29 898
如果你希望优化小文件，减少 HTTP 请求的数量，并且愿意为此稍微增加一些 JavaScript 文件的大小，那么 url-loader 可能更适合你。需要注意的是，由于 ClosureWebpackPlugin 的优化能力非常强大，它可能会对代码进行较为激进的优化，有时可能会导致一些难以预料的问题。uglifyjs-webpack-plugin能够显著减小JavaScript文件的大小，通过删除空格、注释、无效代码等方式，以及优化代码结构，从而提高加载速度并降低带宽消耗。
JavaScript代码加密与解密方法剖析.pdf
01-02
JavaScript 代码加密是指对 JavaScript 代码进行加密，使其不能被直接阅读或修改。常见的 JavaScript 代码加密方法有： （1）巧用函数 escape() 和 unescape() JavaScript 的内置函数 escape() 和 unescape() 可以...
HTML技法-HTML加密解密/压缩优化与HTML乱码分析/防360拦截/HTML万能解密器
06-08
乱码通常源于编码格式不一致或传输过程中的错误。正确的编码设置（如UTF-8）和确保服务器正确发送Content-Type头是避免乱码的关键。同时，开发者需要理解Unicode和各种字符集的关系，以及如何在HTML中指定字符编码，...
java和javascript之间的DES加密解密
10-24
Java和JavaScript之间的DES加密解密是信息安全领域中的一个重要话题，主要涉及到数据的保护和通信的安全。DES（Data Encryption Standard）是一种古老的对称加密算法，尽管它在安全性上已不被视为最佳选择，但在某些...
javascript前端DES加密，VB.NET、C#后端服务器解密
06-02
VB.NET、C#后端服务器解密"涉及到的是一个常见的安全实践，即在客户端（JavaScript）对敏感数据（如账号密码）进行加密，然后在服务器端（VB.NET或C#）进行解密，以保护数据在传输过程中的安全性。 DES（Data ...
vue打包错误
m0_73248604的博客
11-24 217
这个是npm版本问题直接卸载node_modules 切换版本重新下载即可。
Vue 应用程序性能优化：代码压缩、加密和混淆配置详解
m0_74760716的博客
12-06 2592
所以就要使用到混淆器，混淆器是把里面的代码变量等信息进行重命名，这样可读性会变得非常差，接着，到这里，我们完成了对代码的混淆，但是还没有进行加固，防止反编译，所以，请往下看然后导入自己的包就可以了，这里是流水式的走下来，所以只需要导入和导出就可以了，添加单个文件，选择好刚刚混淆后的包，然后你做的事情就是等，等待上传完--加固完--下载完--已完成，当到已完成的时候，说明这里已经可以导出了，导出需要前面提到的自己创建的签名，这里可是会用到的，如果不用，则包安装包可能会出现问题。
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的四种解决方案
热门推荐
逸轩
11-19 7万+
问题描述： 报错：Error: error:0308010C:digital envelope routines::unsupported 报错原因： 主要是因为nodeJs V17 版本发布了 OpenSSL3.0 对算法和秘钥大小增加了更为严格的限制，nodeJs v17 之前版本没影响，但 V17 和之后版本会出现这个错误。 我的node版本是v18+
使用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、付费专栏及课程。

余额充值