Vue使用crypto-js时报错TypeError: Object(...) is not a function

最新推荐文章于 2025-07-29 11:14:47 发布
最新推荐文章于 2025-07-29 11:14:47 发布
阅读量1.1w 收藏
点赞数 2
CC 4.0 BY-SA版权
分类专栏： Vue js 文章标签：  Encrypt crypto-js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_41847321/article/details/99633239
本文解决了一个常见的编程问题，即在引入Encrypt模块时由于缺少大括号导致的控制台错误。详细介绍了正确的导入方式，帮助开发者避免此类错误。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

控制台报错如下：

原因：引入Encrypt时方式错误，少加了{}

正确形式：

import { Encrypt } from "../plugins/encoder";

 

vite 启动报错：TypeError: crypto$2.getRandomValues is not a function
猿小白的博客
03-25 3960
error when starting dev server: TypeError: crypto$2.getRandomValues is not a function
vue3 - vite报错TypeError: crypto.hash is not a function（vue3+vite启动运行提示错误，项目无法启动且打包报错失败，详细解决排查方案教程）
高级前端工程师
07-04 4863
vue3 vite 报错，vue3+vite启动报错：TypeError: crypto.hash is not a function，创建vue3+vite项目时报错TypeError: crypto.hash is not a function，如何解决这个问题，VUE3+VITE报错crypto.hash，vue3运行报错，vite运行报错，vue3打包报错，vite打包报错，vue3新建项目无法运行，vue3 vite创建项目直接报错了，node版本不兼容，修改了node版本还是不行，依旧报错，一直
TypeError: crypto$2.getRandomValues is not a function
weixin_45061714的博客
02-08 7934
先说结论：这个问题是版本配置不对导致的，经过排查node版本， crypto-js版本，最后得出结论是：打包部署时要么node版本是18，要么vite版本改到5.4.11 ，crypto-js版本降级到3.3.0没用 依然报错。这两天在发版时遇到一个问题。
Vue 中报错 TypeError: crypto$2.getRandomValues is not a function
XL984507092的博客
02-12 8855
所以我尝试升级 node 版本为 20.16.0，就好了，我原版的 node 版本为16.18.0，因为我们流水线上的node 版本是 16 版本，为了兼容流水线上的版本，我本地也采用的是 16 的版本，所以出现了这个问题，但这个真正的问题是 vite 的错误，他的最新版本是6.0.0，但是 crypto$2 在低版本node中是不兼容的，所以有两种解决方案，升级 node 版本和降级 vite 版本。在新建的项目中，使用的是。创建项目后，执行命令。
npm ---- 解决【error when starting dev server: TypeError: crypto$2.getRandomValues is not a function】
止于至善
04-02 4547
当使用 vite 创建 vue 项目的时候，使用 npm run dev 启动创建项目的时候报错。找到报错的原因，如果是浏览器环境，那么就可能是浏览器环境不支持 crypto.getRandomValues 方法，可以考虑安装库来解决浏览器兼容性；由于我是在启动项目时报错，还没有到浏览器访问，因此就是启动的 node 环境存在问题；说明当前 node 环境版本太低导致的，升级 node 的版本，就能解决；升级 node 版本的两种方法，方案一：安装一个高版本的 node；
vue error when starting dev server: TypeError: crypto$2.getRandomValues is not a function
02-17
当在 Vue 项目中尝试启动开发服务器并遇到类似于 `ReferenceError: structuredClone is not defined` 或者其他类型的 `TypeError` 如 `Object(...) is not a function` 报错时，这可能是由于使用的依赖库版本不兼容...
error when starting dev server: TypeError: crypto.hash is not a function at getHash (file:///C:/Work/Project/workspace/vue_workspace/HomePage/node_modules/vite/dist/node/chunks/dep-DZ2tZksn.js:2788:21) at getLockfileHash (file:///C:/Work/Project/workspace/vue_workspace/HomePage/node_modules/vite/dist/node/chunks/dep-DZ2tZksn.js:11673:9) at getDepHash (file:///C:/Work/Project/workspace/vue_workspace/HomePage/node_modules/vite/dist/node/chunks/dep-DZ2tZksn.js:11676:23) at initDepsOptimizerMetadata (file:///C:/Work/Project/workspace/vue_workspace/HomePage/node_modules/vite/dist/node/chunks/dep-DZ2tZksn.js:11137:53) at createDepsOptimizer (file:///C:/Work/Project/workspace/vue_workspace/HomePage/node_modules/vite/dist/node/chunks/dep-DZ2tZksn.js:34586:17) at new DevEnvironment (file:///C:/Work/Project/workspace/vue_workspace/HomePage/node_modules/vite/dist/node/chunks/dep-DZ2tZksn.js:35350:109) at Object.defaultCreateClientDevEnvironment [as createEnvironment] (file:///C:/Work/Project/workspace/vue_workspace/HomePage/node_modules/vite/dist/node/chunks/dep-DZ2tZksn.js:35769:9) at _createServer (file:///C:/Work/Project/workspace/vue_workspace/HomePage/node_modules/vite/dist/node/chunks/dep-DZ2tZksn.js:28344:132) at async CAC.<anonymous> (file:///C:/Work/Project/workspace/vue_workspace/HomePage/node_modules/vite/dist/node/cli.js:573:18)
07-16
我们正在处理一个关于启动Vite开发服务器时出现的错误：`TypeError: crypto.hash is not a function`。根据引用内容，这个错误通常与Node.js版本有关。下面我们将逐步分析并解决这个问题。 ### 错误原因分析 根据...
error when starting dev server: TypeError: crypto.hash is not a function at getHash (file:///D:/VSCode_Work/vue-project03/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:2834:21) at getLockfileHash (file:///D:/VSCode_Work/vue-project03/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:11716:9) at getDepHash (file:///D:/VSCode_Work/vue-project03/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:11719:23) at initDepsOptimizerMetadata (file:///D:/VSCode_Work/vue-project03/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:11180:53) at createDepsOptimizer (file:///D:/VSCode_Work/vue-project03/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:34593:17) at new DevEnvironment (file:///D:/VSCode_Work/vue-project03/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:35357:109) at Object.defaultCreateClientDevEnvironment [as createEnvironment] (file:///D:/VSCode_Work/vue-project03/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:35776:9) at _createServer (file:///D:/VSCode_Work/vue-project03/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:28359:132) at async CAC.<anonymous> (file:///D:/VSCode_Work/vue-project03/node_modules/vite/dist/node/cli.js:573:18)
06-27
</think>### 解决 Vite 开发服务器启动时的 `TypeError: crypto.hash is not a function` 错误 该错误通常与 Node.js 环境对 Web Crypto API 的支持有关。以下是逐步解决方案： #### 1. **升级 Node.js 版本（推荐...
error when starting dev server: TypeError: crypto.hash is not a function at getHash (file:///C:/Users/lenovo/Desktop/new-app/vue-project/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:2834:21) at getLockfileHash (file:///C:/Users/lenovo/Desktop/new-app/vue-project/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:11716:9) at getDepHash (file:///C:/Users/lenovo/Desktop/new-app/vue-project/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:11719:23) at initDepsOptimizerMetadata (file:///C:/Users/lenovo/Desktop/new-app/vue-project/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:11180:53) at createDepsOptimizer (file:///C:/Users/lenovo/Desktop/new-app/vue-project/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:34593:17) at new DevEnvironment (file:///C:/Users/lenovo/Desktop/new-app/vue-project/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:35357:109) at Object.defaultCreateClientDevEnvironment [as createEnvironment] (file:///C:/Users/lenovo/Desktop/new-app/vue-project/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:35776:9) at _createServer (file:///C:/Users/lenovo/Desktop/new-app/vue-project/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:28359:132) at async CAC.<anonymous> (file:///C:/Users/lenovo/Desktop/new-app/vue-project/node_modules/vite/di 解释错误
06-30
用户引用了多个关于“TypeError: crypto$2.getRandomValues isnot afunction”错误的讨论，但用户实际遇到的错误是“TypeError:crypto.hashis nota function”。这两个错误都与Node.js的crypto模块相关，但具体函数...
error when starting dev server: TypeError: crypto.hash is not a function at getHash (file:///C:/Users/EDY/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/vue-project/node_modules/vite/dist/node/chunks/dep-BHkUv4Z8.js:2788:21) at getLockfileHash (file:///C:/Users/EDY/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/vue-project/node_modules/vite/dist/node/chunks/dep-BHkUv4Z8.js:11673:9) at getDepHash (file:///C:/Users/EDY/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/vue-project/node_modules/vite/dist/node/chunks/dep-BHkUv4Z8.js:11676:23) at initDepsOptimizerMetadata (file:///C:/Users/EDY/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/vue-project/node_modules/vite/dist/node/chunks/dep-BHkUv4Z8.js:11137:53 at createDepsOptimizer (file:///C:/Users/EDY/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/vue-project/node_modules/vite/dist/node/chunks/dep-BHkUv4Z8.js:34611:17) at new DevEnvironment (file:///C:/Users/EDY/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/vue-project/node_modules/vite/dist/node/chunks/dep-BHkUv4Z8.js:35375:109) at Object.defaultCreateClientDevEnvironment [as createEnvironment] (file:///C:/Users/EDY/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/vue-project/node_modules/vite/dist/node/chunks/dep-BHkUv4Z8.js:35794:9) at _createServer (file:///C:/Users/EDY/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/vue-project/node_modules/vite/dist/node/chunks/dep-BHkUv4Z8.js:28373:132) at async CAC.<anonymous> (file:///C:/Users/EDY/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/vue-project/node_modules/vite/dist/node/cli.js:573:18)
最新发布
08-05
我们正在解决Vite开发服务器启动时出现的错误：TypeError: crypto.hash is not a function。 根据引用[1][2][3]的信息，这个错误通常是由于Node.js版本过低，无法支持Vite所需的crypto模块的新API（如crypto.hash）...
vue项目使用crypto-js在IE中报错SCRIPT1006: 缺少 ‘)‘
lllfy137的博客
11-30 2290
1.版本问题，crypto-js 4.0.0版本以上会出现问题 2.如果4.0.0的版本还是报错，那就把node_models中把crypto-js中的crypto-js.js文件复制出来直接引用，不用再引入模块。如果还不行就把crypto-js.js中的报错信息修改掉。基本就是给所有报错信息加上 // eslint-disable-next-line no-shadow-restricted-names 这句话就可以。 ...
error when starting dev server: TypeError: crypto$2.getRandomValues is not a function
weixin_43218277的博客
03-11 1289
将这两个依赖降级到4版本后在启动就不会在报错了，另外不降级得解决办法有说升级node到18版本以上得，没试过，大家可以试试。
【异常】TypeError: crypto$2.getRandomValues is not a function
本本本添哥
05-28 1822
摘要：报错"crypto$2.getRandomValues is not a function"通常由于Node.js版本过低(14及以下)或环境不支持Web Crypto API导致。解决方案包括：升级Node.js至16+版本；在Node环境显式导入crypto模块；修改Webpack配置添加polyfill；升级相关依赖包；检查代码是否存在浏览器特定API误用。建议首先通过node -v检查版本，再根据项目类型(纯Node或前端框架)选择适当修复方案。
TypeError: crypto$2.getRandomValues is not a function vite启动报错
cmmav33990的博客
07-29 474
这个错误通常发生在使用 Vite 开发环境中，与浏览器 Crypto API 的兼容性或 polyfill 缺失有关。
crypto$2.getRandomValues is not a function
qq_41904411的博客
01-21 5197
再看看之前流水线构建时的输出信息，vite版本是5.4.11，回到项目里一看对vite版本没有限制，服务器打包时已经给它升级到最新的5.4.13版本了，在npmjs.com里搜索vite历史版本信息，最新的5.4.13版本在十几个小时前刚刚发布。一开始看到这个crypto，我还以为时crypto-js版本过高，服务器上node版本太低了与之不匹配，但是降了crypto-js后依旧报错。一般遇到这种问题，大概率就是版本不兼容，最好的办法就是降低版本，最终将vite版本降到5.4.11即可成功打包。
nvue中引用CryptoJS错误
默的博客
02-05 784
uniapp中，使用nvue时，引用CryptoJS时发生警告TypeError: Illegal invocation 后经排查是此语句报错，原因初步怀疑是global对象未找到导致 if (!crypto && typeof global !== 'undefined' && global.crypto) { crypto = global.crypto; } 将CryptoJS依赖包内部语柄注释掉后，未发生报错，自行加密解
小程序学习笔记（二）：MD5加密（百度翻译接口请求需要，解决MD5 is not a function报错）
measuringWorm的博客
07-17 8722
前言：在请求百度翻译接口时，需要MD5加密相关参数。一开始用的MD5文件是在百度翻译接口文档中提供的demo文件里提取的较老版本，因此在引用时一直报MD5 is not a function的错误。经过查找发现是源文件的问题，源文件定义了md5函数，返回值为字符串，所以报错。以下记录解决方法。 md5.js下载： GitHub | 百度翻译接口文档demo 步骤： 在项目中导入md5.js （注：demo中的md5文件，需加入 module.exports{ md5: md5 } 向外暴露md5
[Vue]解决less-loader报错 TypeError: this.getOptions is not a function pnpm
12-06
在使用Vue开发项目时，可能会遇到less-loader报错 `TypeError: this.getOptions is not a function`。这个问题通常是由于less-loader版本不兼容导致的。以下是解决这个问题的步骤： 1. **检查less-loader版本**： 确保你使用的less-loader版本与Vue和Webpack版本兼容。你可以通过查看`package.json`文件中的依赖项来检查版本。 2. **降级less-loader版本**： 如果你使用的是较新的less-loader版本，可以尝试降级到一个较旧的版本。例如，版本5.x通常与Vue CLI项目兼容。 ```bash pnpm install less-loader@5 --save-dev ``` 3. **更新Vue和Webpack**： 如果你的项目允许，尝试更新Vue和Webpack到最新版本，以确保兼容性。 ```bash pnpm update vue webpack ``` 4. **重新安装依赖**： 有时候，重新安装依赖项可以解决一些奇怪的问题。 ```bash pnpm install ``` 5. **检查Webpack配置**： 确保Webpack配置文件中正确配置了less-loader。通常，`vue.config.js`文件中的配置如下： ```javascript module.exports = { configureWebpack: { module: { rules: [ { test: /\.less$/, use: [ 'vue-style-loader', 'css-loader', { loader: 'less-loader', options: { lessOptions: { javascriptEnabled: true } } } ] } ] } } } ``` 通过以上步骤，你应该能够解决less-loader报错 `TypeError: this.getOptions is not a function` 的问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值